搜 索

js实现禁止鼠标连续高频率点击页面中的按钮或元素方法

编辑:QTOOL.NET日期:2018-05-16234

如何用js简单的实现对网页中的一些按钮或链接高频率点击的方法.

实现原理:
点击按钮或链接之后立即指定变量值为空值,当返回值后才可以继续点击操作
然后设置定时器元素,每次点击进入之前首先清空定时器,然后重新再次开启定时器.
代码如下:
  <元素名 id="jzdj" >点击事件
 
  'use strict';
 
  let c =null;
 
  let dom = document.querySelector('#jzdj');
 
  dom.addEventListener('click',function(){
    clearTimeout(dsq);  //清空定时器
 
    dsq = setTimeout(function(){   //建立定时器
 
      console.log(1000)
 
    },500)
 
  },false)

js禁止连续对同一个元素高频率的点击示例图
 
将以上代码中的js代码写入到script中即可实现方便的限制连续对页面中同一个元素高频点击的方法,此方法只是个小示例演示,具体如用于实际中还得自己慢慢探究.

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签