ajax的blur调用,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");

});

Enter your name:

请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。

定义和用法

当元素失去焦点时发生 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();

});

Enter your name:

请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。

触发输入域的 focus 事件

触发输入域的 blur 事件

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

ajax的blur调用,jQuery事件blur()方法的使用实例讲解相关推荐

jQuery 事件 - ready() 方法
jQuery 事件 - ready() 方法当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件. 1.语法1 $(document).ready(fu ...
jQuery 事件绑定方法（bind hover toggle live.... ）、删除事件方法（unbind, die）及事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
jquery事件使用方法总结
jquery提供了许多的事件处理函数,下面对其总结一下,梳理一下知识点,便于记忆和使用. 一.鼠标事件 1. click():鼠标单击事件 $div = $("div") $div ...
miniui mysql_MiniUi系列 jQuery 事件 - delegate() 方法
当点击鼠标时,隐藏或显示 p 元素: $("div").delegate("button","click",function(){ $(&q ...
php公众号开发关注事件推送图文_PHP_微信公众平台开发关注及取消关注事件的方法，本文实例讲述了微信公众平台 - phpStudy...
微信公众平台开发关注及取消关注事件的方法本文实例讲述了微信公众平台开发关注及取消关注事件的方法.分享给大家供大家参考.具体分析如下: 用户在关注与取消关注公众号时,微信会把这个事件推送到开发者填写的 ...
php mysql 地图矩形_PHP+Mysql+jQuery中国地图区域数据统计实例讲解
今天我要给大家介绍在实际应用中,如何把数据载入到地图中.本文结合实例,使用PHP+Mysql+jQuery实现中国地图各省份数据统计效果. 本例以统计某产品在各省份的活跃用户数为背景,数据来源于mys ...
验证邮箱格式html代码,jquery验证邮箱格式是否正确实例讲解
我们来看看都有哪些邮箱: 我们如果一个个的邮箱进行判断,显然是不可能的了. -个完整的Internet邮件地址由以下两个部分组成,格式如下:登录名@主机名.域名中间用-个表示"在" ...
jQuery 事件 - blur() 方法
当元素失去焦点时发生 blur 事件. blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码. 提示:早前,blur 事件仅 ...
jQuery 事件 scroll() 方法的使用教程
当用户滚动指定的元素时,会发生 scroll 事件.scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口).scroll() 函数触发 scroll 事件.或者如果设置了 fun ...

ajax的blur调用,jQuery事件blur()方法的使用实例讲解

ajax的blur调用,jQuery事件blur()方法的使用实例讲解相关推荐

最新文章

热门文章