div无法触发blur事件解决办法

默认情况下div无法获取焦点，无法触发focus与blur事件，猜测span，a等标签也无法触发焦点事件(input:button，及button标签可以触发)

如何使div触发blur事件：可以给div加上tabindex属性

在线演示：http://sandbox.runjs.cn/show/e0bvfcag

源码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.box{width: 200px;height: 200px;background-color: #3295F2;}</style><script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/294/c4c2o6mh/jquery.js"></script>
</head>
<body><input type="text" /><input type="button" value="测试" class="but"/><button>kkk</button><div class="box" tabindex="1"></div><script>$('.box').focus(function(){alert('div focus');});$('.box').blur(function(){alert('div blur');});$('.but').focus(function(){alert('but');});$('.but').blur(function(){alert('but');});$('button').focus(function(){alert('but');});$('button').blur(function(){alert('but');});</script>
</body>
</html>

相关资料： http://www.w3school.com.cn/tags/att_standard_tabindex.asp

demo: http://www.w3school.com.cn/tiy/t.asp?f=html_standard_tabindex

div无法触发blur事件解决办法相关推荐

div无法触发blur事件解决的方法
默认情况下div无法获取焦点,无法触发focus与blur事件,推測span,a等标签也无法触发焦点事件(input:button.及button标签能够触发) 怎样使div触发blur事件:能够给d ...
子节点含有表单元素的div元素的blur事件
1.div元素的blur事件 blur事件一般在表单元素如input元素才是存在的,对div.span等元素时无效的,但是可以给div元素加上tabindex属性,也可以让div等元素有焦点,所以bl ...
[Unity] AnimationEvent 因 Animator Controller 中 Transition 设置问题而不触发的快速解决办法：重新拖入 Animator 创建新 State
这篇文章提出了一个 AnimationEvent 不触发的可能性:Animator Controller 中 Transition 设置问题 https://blog.csdn.net/qq_4173 ...
CPU值满resmgr:cpu quantum造成的Oracle等待事件解决办法
cpu quantum造成的Oracle等待事件解决办法不少接触数据库的朋友有一个困扰已久的问题--resmgr:cpu quantum.已经遇过不少次这种CPU突然全绿的情况,通过隐含参数屏蔽了一 ...
jquery 赋值时不触发change事件解决
$("#optionsId").change(function(){$("#selectOptionsText").val('测试'); }); $(" ...
控件不响应点击事件解决办法
以前,我们判断控件是否被点击是根据它的坐标及尺寸判断的. 不过,在WP/SL中,是否被点击了还要增加一个判断依据,那就是这里是否有内容. 所以,有时我们的控件死活就是不响应点击事件,原因就在这里,点击 ...
DIV中文字不换行解决办法
解决办法如下: word-wrap : normal | break-word 设置或检索当当前行超过指定容器的边界时是否断开转行. normal: 控制连续文本换行. break-word: 内容将 ...
android listview使用自定义的adapter没有了OnItemClickListener事件解决办法
在使用listview的时用使用自定义的adapter的时候,如果你的item布局中包含有Button,Checkable继承来的所有控件,那么你将无法获取listview的onItemClickLi ...
div隐藏select显示的解决办法(就死select挡住了div) 不是网上找到的那五种
在网上找到的解决办法地址如下 http://www.blogjava.net/fine/archive/2007/08/07/134941.html 又想到了一种新的解决办法,是试出来的(准确点说是看 ...

div无法触发blur事件解决办法

div无法触发blur事件解决办法相关推荐

最新文章

热门文章