jquery怎么防止连点击

 时间:2026-02-14 08:03: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怎么用
  • 热门搜索
    旅游胜地有哪些 英国旅游签证新政策 苏州旅游景点有哪些 池州旅游景点大全 江西婺源旅游价格 北京故宫虚拟旅游 夕阳红老年旅游 狼牙山旅游景点 海南万宁旅游 春季旅游攻略