当先锋百科网

首页 1 2 3 4 5 6 7

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 元素添加失焦事件,提高用户交互体验。