jquery blur()函数
翻译结果:
blur
英 [blɜ:(r)] 美 [blɚ]
n.污迹,污斑;模糊不清的事物;暧昧不明
vt.& vi.涂污,弄脏;(使)变模糊,(使)难以区分
jquery blur()函数语法
作用:当元素失去焦点时发生 blur 事件。blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。早前,blur 事件仅发生于表单元素上。在新浏览器中,该事件可用于任何元素。
触发blur 事件:触发被选元素的 blur 事件。
语法:$(selector).blur()
将函数绑定到blur 事件:规定当被选元素的 blur 事件发生时运行的函数。
语法:$(selector).blur(function)
参数:
参数 | 描述 |
function | 可选。规定当 blur 事件发生时运行的函数。 |
jquery blur()函数示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例