使用 jQuery 避免鼠标双击
来源:互联网 发布:网络赚钱棋牌游戏 编辑:程序博客网 时间:2024/05/16 17:24
介绍
当用户双击DOM对象(例如按钮和链接等)时,对于用户交互一直是个麻烦的问题。 幸运的是, jQuery 提供了一个相当棒的解决方法。 那就是.one()。
.one()这个方法是做什么的?
它附加了一个元素事件的处理程序并且每个元素只能运行一次事件处理器函数。
参数
.one( events [, selector ] [, data ], handler(eventObject) )
events
类型: String
规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。就像“click”和“keydown.myPlugin”一样。
选择器参数
参数类型: String
- 选择器字符串用于过滤出被选中的元素中能触发事件的子元素
- 如果传null或者省略,当事件到达选定的元素时就会被触发
数据
参数类型: 任何类型
- 该参数的值在事件触发将会传递给的事件处理函数
事件处理函数
参数类型:函数类型
- 事件触发时应该调用的函数
- false 也是允许的因为它就是简单return false;函数的简写形式
举例
$("#saveBttn").one("click", function () { alert("This will be displayed only once.");});
或者
$("body").one("click", "#saveBttn", function () { alert("This displays if #saveBttn is the first thing clicked in the body.");});
上述代码关键在于:
- 当代码执行结束时,点击id为saveBtn的元素将会弹出警告框
- 之后的点击将没有任何反映
- 这等同于 ==>
$("#saveBttn").on("click", function (event) { alert("This will be displayed only once."); $(this).off(event);});
换句话说这和在绑定事件处理函数中显式调用off()作用是一样的
了解更多请点击
jQuery .one()
总结
上面所提到的方法是jQuery 1.7的新特性,所以如果你的元素点击事件不止触发一次,这可能是个解决方案哦。多么神奇的方法啊,如有任何疑问请联系我。
英文原文:How-to-Avoid-Double-Clicking-With-jQuery
- 使用 jQuery 避免鼠标双击
- 使用jQuery避免鼠标双击的解决方案
- jquery避免单双击事件冲突写法
- jquery 区分鼠标单击双击事件插件
- js 如何避免鼠标单击和双击冲突
- 鼠标双击
- Jquery实现鼠标双击Table单元格变成文本框
- 使用全局鼠标钩子实现右键双击粘贴操作
- 在MVVM中使用AttachedDependencyProperty,实现鼠标双击listviewitem事件
- Qt使用Windows Api模拟鼠标单击双击滚轮事件
- Java鼠标双击事件
- Java鼠标双击事件
- 另一种鼠标双击事件
- 判断鼠标双击
- 鼠标双击事件
- 双击鼠标滚动屏幕
- JTree 鼠标双击事件
- silverlight鼠标双击
- The Cat in the Hat
- UVA 10340 - All in All
- The Snail
- 常用算法经典代码(C++版)
- hdu 1969 Pie
- 使用 jQuery 避免鼠标双击
- Steps
- UVA 11987 Almost Union-Find
- 编译错误syntax error : missing ';' before 'type'
- VC条件断点和数据断点
- 猴子吃桃问题
- The Land of Justice
- 后缀数组论文题目
- How Many Points of Intersection?