jQuery blur() 方法用于为“失焦”事件添加事件处理程序。当元素失去焦点时,会触发失焦事件。几乎所有的 HTML DOM 元素都支持失焦事件。
$(selector).blur(function)
该方法有一个函数参数,表示当失焦事件被触发时要执行的函数。$(selector) 是要绑定失焦事件的元素。
接下来我们演示使用jQuery blur() 方法,当用户离开输入框时,弹出提示框。
$(document).ready(function() { $("input").blur(function() { alert("失焦了!"); }); });
在上面的代码中,我们使用 jQuery blur() 方法为所有的元素添加失焦事件。当输入框失焦时,会弹出一个提示框。
除了在文本输入框中使用,blur() 方法还可以在其他元素上使用。例如,当点击按钮时,如果光标不在该按钮上,就隐藏该按钮。
$(document).ready(function() { $("button").click(function() { $(this).hide(); }); $("button").blur(function() { $(this).show(); }); });
在上面的代码中,当用户点击按钮时,按钮会隐藏。但是,当用户点击其他地方时,按钮失焦并显示出来。
总之, jQuery blur() 方法是一个实用的方法,可以帮助开发者为 HTML DOM 元素添加失焦事件,提高用户交互体验。