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怎么防止连点击
  • 信息收集-weblogic篇
  • message found under code for locale 'zh_CN'
  • IntelliJ IDEA怎么git对比最近提交代码
  • eclipse设置缩进换行的宽度
  • TeamViewer怎么远程控制 TeamViewer怎么用
  • 热门搜索
    艾滋病手抄报图片 法律进校园手抄报 文明礼仪手抄报花边 畅想未来手抄报 五一手抄报资料 关于祖国在我心中的手抄报 关于科普类的手抄报 数学手抄报三年级下册 全国学生营养日手抄报 弘扬法治精神手抄报