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

转载于:https://www.cnblogs.com/mengfanrong/p/5190108.html

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 ...
jquery 赋值时不触发change事件解决
$("#optionsId").change(function(){$("#selectOptionsText").val('测试'); }); $(" ...
html中hover无法触发,jQuery中trigger无法触发hover事件解决方法
做jquery练习的时候需要在外部触发元素的"hover"事件,于是,问题来了:根本没有触发,无论是trigger( )还是triggerHandler( ),查询后得知: Dep ...
React — input标签输入中文的拼音时候会触发onChange事件解决
在React开发项目的过程中,避免不了会用到input标签(比如在登录.录入用户信息等界面),而使用input标签时候,为了体验限制只能输入数字.或者只能输入数字或者字母.或者只能输入英文等限制条件. ...
Winform 使用ComboBox.DataSource绑定数据会触发SelectedIndexChanged事件解决
1.绑定数据后再添加SelectedIndexChanged事件 2.SelectedIndexChanged事件中判断是否是选择项改变触发事件 if(ComboxBox1.ContainsFocus ...
elment-ui的el-select选择器blur事件失效 bug解决
问题: 使用了element UI 中 el-select 组件开发项目当中发现当配置了 filterable 属性之后, @blur 事件便失效, 但你肯定不知道他也不是完全失效, 当你点击外面得 ...
html 点击文本框则选中,JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。...
内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行. 如下代码,当选中用户文本框内的文字时,触发onselect 事件, ...
blur事件与click事件的冲突
定义: blur事件:当元素失去焦点时发生 blur 事件 click事件:当单击元素时,发生 click 事件在开发中会发现存在以下场景,点击当前输入框以外的其他元素.此时输入框失焦触发blur事 ...

div无法触发blur事件解决的方法

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

最新文章

热门文章