jQuery事件blur()方法的使用实例讲解
实例
当输入域失去焦点(blur)时改变其颜色:
$("input").blur(function(){ $("input").css("background-color","#D6D6FF"); });
$(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); }); Enteryourname: 请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。
定义和用法
当元素失去焦点时发生blur事件。
blur()函数触发blur事件,或者如果设置了 function 参数,该函数也可规定当发生blur事件时执行的代码。
提示:早前,blur事件仅发生于表单元素上。在新浏览器中,该事件可用于任何元素。
触发blur事件
触发被选元素的blur事件。
语法
$(selector).blur()
$(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); $("#btn1").click(function(){ $("input").focus(); }); $("#btn2").click(function(){ $("input").blur(); }); }); Enteryourname: 请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。
触发输入域的focus事件
触发输入域的blur事件
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对毛票票的支持。如果你想了解更多相关内容请查看下面相关链接