1.定义和使用
1)、focus() 方法用于为元素设置焦点
语法:HTMLElementObject.focus()
2)、 blur() 方法来移除元素焦点
语法:HTMLElementObject.blur()
注意:焦点事件一般用于文本框上
举例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <input id='inp' type="text"> <script type="text/javascript"> //获取聚焦 var jsInp = document.getElementById('inp') jsInp.addEventListener('focus',function(){ console.log('聚焦事件') },false) var jsInp = document.getElementById('inp') //失去焦点 jsInp.addEventListener('blur',function(){ console.log('离焦事件') },false) </script> </body> </html>
输出: