html中如何使用js实现长按功能（代码）-木庄网络博客

2022-02-04 01:04:29 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于html中如何使用js实现长按功能（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

//下面是js代码直接复制粘贴即可下面有调用例子看不懂就私聊

<script>
      var timeOutEvent=0;        
      function gtouchstart(){
          timeOutEvent = setTimeout(longPress(),500);            
          return false;            
          //单击开始计时 500代表0.5秒
          //如果longPress()需要传参得写成下面注释中的代码
          //timeOutEvent = setTimeout(function(){ longPress(url);},500);
      };        function gtouchend(){
          clearTimeout(timeOutEvent);            
          if(timeOutEvent!=0){
              alert('单击执行代码区');
          }            
          return false;
      };        
      function gtouchmove(){
          clearTimeout(timeOutEvent);
          timeOutEvent = 0;
          alert('单击未松开直接滑动的执行代码区，默认取消任何操作');
      };        
      function longPress(){
          timeOutEvent = 0;
          alert('长按执行代码区');
      }    </script>