JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:56:37

JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧

JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧:1，隐藏元素无法获取焦点 2，对于div等特殊元素获取焦点关于元素获取焦点 body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder

推荐度：

点击下载本文 文档为doc格式

导读JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧:1，隐藏元素无法获取焦点 2，对于div等特殊元素获取焦点关于元素获取焦点 body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder

1，隐藏元素无法获取焦点
2，对于div等特殊元素获取焦点

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>关于元素获取焦点</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<style> 
body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } 
.title { font-size: 18px; font-weight: bolder;margin:40px 0; } 
</style> 
</head> 
<body> 
关于元素获取焦点： 
1，隐藏元素无法获取焦点 
<p>下面有个隐藏的Input:</p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/wenzhong.js"></script> 
<p style="display:none;"><input class="input" id="textbox" name="textbox" value="Hi,Jb51!!!" /></p> 
<input type="button" onclick="process0();" value="无法使隐藏元素获取焦点"> 
<p>解决方法：先把元素显示，在获取焦点。</p> 
2，对于div等特殊元素获取焦点 
我是DIV元素，我不带tabindex="-1"。 
<input type="button" onclick="process1();" value="Div不能获取焦点"> 
我是DIV元素，我带tabindex="-1",点击下面按钮试试效果。 
<input type="button" onclick="process2();" value="使Div获取焦点"> 
 
function process0(){ 
var textbox = document.getElementById("textbox"); 
textbox.onfocus = function(){alert('获取焦点');} 
textbox.focus(); 
} 
function process1(){ 
var a = document.getElementById("a"); 
a.onfocus = function(){alert('获取焦点');} 
a.focus(); 
} 
function process2(){ 
var b = document.getElementById("b"); 
b.onfocus = function(){alert('获取焦点');} 
b.focus(); 
//非常推荐使用 tabindex = -1，基本无副作用！ 
} 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：隐藏元素 js

热门焦点

JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧

JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧

JavaScript关于元素获取焦点(隐藏元素与div)_javascript技巧

最新推荐

猜你喜欢

热门推荐