默认情况下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>立即学习“前端免费学习笔记（深入）”；
demo: http://www.w3school.com.cn/tiy/t.asp?f=html_standard_tabindex
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
604
收藏
