使用 jQuery 避免鼠标双击

　介绍

　　当用户双击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实现鼠标双击Table单元格变成文本框
在jsp的body标签中代码:<td width='4%' οndblclick='edit(this,600,9)'>80</td> 在function中的代码为: func ...
jQuery解决鼠标单双击问题
html代码如下: <button>点击</button> JQ代码如下: <script>$(function () {// 编写相关jQuery代码// 单双击 ...
jquery双击一行跳转页面_Word软件使用小技巧，鼠标双击在不同操作对象中有不同的功能...
Word软件为了方便用户使用各项功能,开发了很多的快捷使用方式,今天就给大家分享"双击鼠标"快速打开设置窗口的小技巧,学会后真的可以提高你的工作效率,不用加班加点(这得老板说了算! ...
js进阶 12-1 jquery的鼠标事件有哪些
js进阶 12-1 jquery的鼠标事件有哪些一.总结一句话总结:1+3*2+1+1,其中里面有两组移入移出,一组和click,总结就是click(3个),hover(5个),mousemove ...
jQuery的鼠标事件总结
jQuery的鼠标事件总结 1.click()事件. 2.dbclick()鼠标双击事件 3.mousedown()鼠标按下事件 4.mouseup()鼠标松开事件 5.mouseover()从一个元 ...
ubuntu 默认鼠标双击问题
ubuntu 默认鼠标双击问题内容: 选择 universalAccess ->Typing ubuntu 16.04 ubuntu 18.04 关闭鼠标悬停点击点击测试
html网页滚轮滑动页面,JQuery实现鼠标滚轮滑动到页面节点
下面通过一段JQuery代码实现鼠标滚轮滑动到页面节点的详细介绍,并通过展示效果图展示给大家. 基于jQuery鼠标滚轮滑动到页面节点部分.这是一款基于jQuery+CSS3实现的使用鼠标滚轮或者手势 ...
WinAPI: GetDoubleClickTime、SetDoubleClickTime - 获取与设置鼠标双击间隔时间
//声明 GetDoubleClickTime: UINT; {无参数; 返回鼠标双击间隔时间, 单位是毫秒}SetDoubleClickTime(Interval: UINT {依毫秒为单位的时间数 ...
php鼠标经过显示文本,jQuery实现鼠标单击网页文字后在文本框显示的方法
这篇文章主要介绍了jQuery实现鼠标单击网页文字后在文本框显示的方法,可实现鼠标点击上方文字即可在下方勾选处文本框显示对应文字的效果,涉及jQuery鼠标事件及链式操作的相关技巧,需要的朋友可以参考 ...
Winform中设置ZedGraph鼠标双击获取距离最近曲线上的点的坐标值
场景 WInforn中设置ZedGraph的焦点显示坐标格式化以及显示三个坐标数的解决办法: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/det ...