div無法觸發blur事件解決辦法
阿新 • • 發佈:2019-01-23
預設情況下div無法獲取焦點,無法觸發focus與blur事件,猜測span,a等標籤也無法觸發焦點事件(input:button,及button標籤可以觸發)
如何使div觸發blur事件:可以給div加上tabindex屬性
原始碼:
相關資料:http://www.w3school.com.cn/tags/att_standard_tabindex.asp<!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>