html中如何使用js完成長(zhǎng)按技巧（代碼）

本篇文章給大家?guī)��?lái)的內(nèi)容是關(guān)于html中如何使用js實(shí)現(xiàn)長(zhǎng)按功能（代碼），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

//下面是js代碼 直接復(fù)制粘貼即可 下面有調(diào)用例子 看不懂就私聊

  <script>
        var timeOutEvent=0;        
        function gtouchstart(){
            timeOutEvent = setTimeout(longPress(),500);            
            return false;            
            //單擊開(kāi)始計(jì)時(shí) 500代表0.5秒
            //如果longPress()需要傳參得寫(xiě)成下面注釋中的代碼
            //timeOutEvent = setTimeout(function(){ longPress(url);},500);
        };        function gtouchend(){
            clearTimeout(timeOutEvent);            
            if(timeOutEvent!=0){
                alert('單擊執(zhí)行代碼區(qū)');
            }            
            return false;
        };        
        function gtouchmove(){
            clearTimeout(timeOutEvent);
            timeOutEvent = 0;
            alert('單擊未松開(kāi)直接滑動(dòng)的執(zhí)行代碼區(qū)，默認(rèn)取消任何操作');
        };        
        function longPress(){
            timeOutEvent = 0;
            alert('長(zhǎng)按執(zhí)行代碼區(qū)');
        }    </script>

//下面是加在超鏈接中的調(diào)用例子 第一個(gè)判斷長(zhǎng)按執(zhí)行 第二個(gè)判斷點(diǎn)擊執(zhí)行

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

相關(guān)推薦：

JS按鈕閃爍功能是如何實(shí)現(xiàn)的？

如何使用html實(shí)現(xiàn)定位代碼實(shí)例

以上就是html中如何使用js實(shí)現(xiàn)長(zhǎng)按功能（代碼）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！