十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
one(type, [data], fn)
成都创新互联公司自2013年创立以来,先为仙游等服务建站,仙游等地企业,进行企业商务咨询服务。为仙游企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
概述
为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。
在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。
多数情况下,可以把事件处理函数定义为匿名函数(见示例一)。在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理函数则作为第三个参数),见示例二。
参数
typeString事件类型
data (可选)Object作为event.data属性值传递给事件对象的额外数据对象
fnFunction绑定到每个匹配元素的事件上面的处理函数
示例
描述:
当所有段落被第一次点击的时候,显示所有其文本。
jQuery 代码:
$("p").one("click", function(){
alert( $(this).text() );
});
1、新建一个html文件,命名为test.html,用于讲解gt;怎么让jquery事件执行一次。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。
4、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。
5、在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中。
6、在function()方法内,使用alert()方法将获得的内容输出来。
7、在浏览器打开test.html文件,点击文字,查看实现的效果。
$('input').one('blur',function(){
//使用one方法,失焦事件执行一次,第二次失焦不会执行
})
相当于,执行一次后取消事件绑定
$('input').on('blur',function(){
alert();
$(this).unbind('blur');//执行后,取消事件绑定
})
验证文本框不为空:
var strlen = $('input').val().length;//获取输入框的值的长度
if( strlen 0) {//值的长度大于0 肯定就是有值的
//不为空
}