博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery防止click双击多次提交及传递动态函数方法
阅读量:7113 次
发布时间:2019-06-28

本文共 752 字,大约阅读时间需要 2 分钟。

今天是写的是关于JQ的双击事件防止多次提交的问题,并且通过函数可以批量定义,通能性更强了,通过方法动态绑定元素的事件。而且可以动态传递函数名或者多参数等(本实例只传递函数名通过Eval调用)。

我们都知道在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。

先看一下点击事件的执行顺序:

  单击(click):mousedown,mouseout,click;

  双击(dblclick):mousedown,mouseout,click , mousedown,mouseout,click,dblclick;

  在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会。也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。  

  如此这般的话,只需消灭掉多余的一次单击事件(click),这个问题就解决了。

效果如下图:

源代码如下:

jQuery防止click双击多次执行及传递动态函数方法
显示测试结果:
点击我吧

  

(完)

转载于:https://www.cnblogs.com/86ye/p/3637528.html

你可能感兴趣的文章
Linux时间同步
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
PHP获取目标路径的文件目录
查看>>
Teechart数据库图表介绍
查看>>
LNMP笔记:域名重定向、读写权限、显示WP主题、北京时间
查看>>
List of MIME Types by Content Type
查看>>
001—玩转Mysql的配置文件(my.ini)
查看>>
Crunch Bang配置Conky系统监视工具
查看>>
VR、AR與MR的區別
查看>>
大数 进制转换 10-16
查看>>
Windows 应用生态系统 (2)
查看>>
poj3624 0-1背包模板
查看>>
第四次作业
查看>>
PPPoA、PPPoE
查看>>
JVM-详解
查看>>
四中copy数组方法的效率比较
查看>>
解决tmux在非root下无法正常运行的问题
查看>>
校色、调色
查看>>
Linux-VIM使用总结
查看>>