jQuery one()方法绑定事件(仅触发一次)
2023-06-13 09:12:02 时间
在 jQuery 中,我们可以使用 one() 方法为元素添加一个 只触发一次 的事件。
图 1:一次事件
语法:
$().one(type, fn)
type 是必选参数,它是一个字符串,表示事件类型。fn 也是必选参数,表示事件的处理函数。
举例
!DOCTYPE html html head meta charset= utf-8 / title /title script src= js/jquery-1.12.4.min.js /script script $(function () { $( #btn ).one( click , function(){ alert( 欢迎来到C语言中文网! /script /head body input id= btn type= button value= 按钮 / /body /html
预览效果如图7-8所示。
图 1:一次事件
分析
在这个例子中,我们使用 one() 方法为按钮添加了一个只触发一次的 click 事件。第一次点击按钮后会弹出对话框,而第二次点击时就没有任何反应了,这是因为 click 事件已经被解除。
实际上,对于 one() 方法,我们可以使用 on() 和 off() 这两个方法模拟出来。
$( #btn ).one( click , function(){ alert( 欢迎来到C语言中文网! })
上面这段代码可以等价于:
$( #btn ).on( click , function(){ alert( 欢迎来到C语言中文网! $(this).off( click })
23833.html
C语言htmljavaJavaScript相关文章
- jQuery事件是什么?
- jQuery select和change事件
- jQuery off()方法解除绑定事件
- JQuery初体验(建议学习jquery)
- JQuery绑定事件时传递参数的实现方法
- jquery全局AJAX事件使用代码
- 读jQuery之十三添加事件和删除事件的核心方法
- jquery的冒泡事件的阻止与允许(三种实现方法)
- JQuery入门——事件切换之toggle()方法应用介绍
- jquery列表双向选择器之改进版
- jQuery三击事件实现代码
- JQuery事件e参数的方法preventDefault()取消默认行为
- jquery事件重复绑定的快速解决方法
- JQuery文本改变触发事件如聚焦事件、失焦事件
- jQuery实现当按下回车键时绑定点击事件
- jQuery中阻止冒泡事件的方法介绍
- jquery如何判断表格同一列不同行input数据是否重复
- jQuery中多个元素的Hover事件解决方案
- 浅谈jQuery事件源码定位问题
- jquery单选框radio绑定click事件实现方法
- jQuery实现长按按钮触发事件的方法
- JQuery给元素绑定click事件多次执行的解决方法