html中如何使用js完成長按技巧(代碼)
發表時間:2023-09-06 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章給大家帶來的內容是關于html中如何使用js實現長按功能(代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。//下面是js代碼 直接復制粘貼即可 下面有調用例子 看不懂就私聊 <script>var timeOutEvent=0; funct...
本篇文章給大家帶來的內容是關于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>`
相關推薦:
JS按鈕閃爍功能是如何實現的?
如何使用html實現定位代碼實例
以上就是html中如何使用js實現長按功能(代碼)的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。