jQuery blur()方法

blur()方法是jQuery中用于处理文本框、下拉列表、文本域等具有焦点的HTML元素的失去焦点事件的方法。当元素失去焦点时，该方法就会被触发。

语法

$(selector).blur(function)

参数

• function：必需，规定当发生 blur 事件时运行的函数。

示例

下面是一个简单的例子，当input元素失去焦点时，调用函数做出相应的操作。

<input type="text" id="input1">

<script>
   $("#input1").blur(function(){
      alert("文本框已失去焦点");
   });
</script>

当input元素失去焦点时，弹出一个提示框，显示"文本框已失去焦点"。

注意事项

• blur()方法只有在元素失去焦点时才会被触发。
• 属于交互行为的事件，只能用于支持交互的元素，如文本框、下拉列表和其它窗体元素等。
• blur()方法不能用于和

最后，提醒大家，为了保证用户体验，处理失去焦点的逻辑不应该过于复杂。