html中使用js實現長按功能的方法

小編給大家分享一下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>

//下面是加在超鏈接中的調用例子 第一個判斷長按執行 第二個判斷點擊執行

<A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" >點擊或者長按</A>`

以上是html中使用js實現長按功能的方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！