判断单击还是双击

最新推荐文章于 2025-08-17 20:44:58 发布

原创最新推荐文章于 2025-08-17 20:44:58 发布 · 586 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#c/c++

收录于

JavaScript 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的双击延迟跳转功能。通过设置点击超时来区分单击和双击操作，并实现了在双击时显示链接地址，在单击且超过设定时间阈值后跳转至该链接。

document.getElementById("google").onclick = function(){
      var link = this.href;
      if(this.clickTimeout){
          // 双击
          clearTimeout(this.clickTimeout);
          this.clickTimeout = null;
          alert(link);
      }
      else{
          // 单击
          var elem = this;
          this.clickTimeout = setTimeout(function(){
              // 跳转到相应网址
              elem.clickTimeout = null;
              window.location.href = link;
          }, 250);
      }
      //阻止链接onclick时的默认行为
      return false;
  };