手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery怎么防止连点击

时间:2024-10-27 23:37:46

1、我们一般点击按钮之后没反应就会再次点击了,这个不但要从用户体验上来做好,还在要js或php程序脚本上做好,让用户知道点击是己提交服务器正在处理,下面我就整理从脚本上来处理此重复触发的问题。

jquery怎么防止连点击

2、很多时候事件会被快速重复触发,比如 click,这样就会执行两次代码,造成很多后果。现在有比较多的解决方法,但几乎都有局限性,比如一个 Ajax 表单,如果防止用户一次点好多下可以在第一次点击的时候冻结提交按钮,直到允许再次点击的时候再放开。很多人都这样干,但在其他的情况就不是很有效了。下面推荐一个不错的方法,首先丢一个函数进去。

jquery怎么防止连点击

3、然后调用方法

jquery怎么防止连点击

4、上面的代码可以让点击之后等待 300 毫秒,如果在 300 毫秒内又发生了这个事件则废除上一次点击,重新计时,反复如此,直到完全等待了 300 毫秒再响应事件。这个函数很有用的,比如验证输入或者根据输入的邮箱实时拉去头像而不用等到必须失焦再拉取。

5、按钮BUTTON类a标签类对于第一类情况,button有一个属性是disabled控制其是否可以点击,看代码

jquery怎么防止连点击
© 手抄报圈