用JavaScript实现双击事件

用JavaScript实现双击事件

  虽然Js已经提供了"dbclick"事件,但自己编写函数实现可以实现思维启发

javascript">   let clickArray = new Array()  //记录每次单击事件的时间戳 
    function fillAmount() {
         clickArray.push({ time: new Date().getTime() })
      if (clickArray.length >= 2) {
        let item1 = clickArray[clickArray.length - 1]
        let item2 = clickArray[clickArray.length - 2]
        if ((item1.time - item2.time) < 500) {
          // 双击事件逻辑
          console.log("我双击了")
        }
        else {
          //在这里可以编辑单击事件逻辑
        }
      }
    }

       经过这样编写我们只需要改动一些if逻辑结构就可实现区分三连击,甚至多连击事件 

转载请说明出处内容投诉
CSS教程_站长资源网 » 用JavaScript实现双击事件

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买