jQuery blur()怎么用?
当元素失去焦点时触发 blur 事件。
blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。
语法
$(selector).blur() $(selector).blur(function)
示例1:(推荐学习:jQuery 教程手册)
这里我们使用textarea来测试,首先定义了文本域获取焦点时的背景颜色,然后在定时器里延迟2s让文本域失去焦点。
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Document</title> <style> #app{ width: 100px; height: 100px; background: skyblue; } #app:focus{ background: green; } </style> </head> <body> <script src="./jquery.min.js"></script> <textarea id="app"></textarea> <script> setTimeout(()=>{ $('#app').blur(); }, 2000) </script> </body> </html>
效果:当刷新网页后,点击文本域,它获取了焦点,2s后调用了blur()方法,文本域失去了焦点。
示例2:
$('#app').blur(()=>{ console.log('失去焦点', new Date().getTime()) });
效果:
本文来自jQuery答疑栏目,欢迎学习!
以上就是jQuery blur()怎么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!