移動端tap事件 輕擊 輕觸

2022-09-07 03:39:11 字數 1755 閱讀 8799

①移動端也有click點選事件,click點選會延遲200~300ms

②因為點選的響應過慢,影響了使用者體驗,所以需要解決響應慢的問題

>tap事件

title

>

<

style

>

.body

.box

style

>

head

>

<

body

>

<

div

class

="box"

>

div>

<

script

>

window.onload

=function

());

dom.addeventlistener(

'touchmove',

function

(e));

dom.addeventlistener(

'touchend',

function

(e)else

starttime=0

; ismove

=false

; });

}//呼叫

//當頁面的dom元素載入完成

document.addeventlistener(

'domcontentloaded',

function

(),false

);

//正常使用click事件即可

script

>

具體用法可以參考:

移動端事件

移動端事件 onclick 移動端也可以使用onclick事件,但是查閱資料上說會有300ms的延遲,究竟是不是有待考究。ontouchstart 相當於pc端的onmousedown,詳細可參照先前寫的文件 事件 下同 ontouchend 相當於pc端的onmouseup.ontouchmove...

移動端事件

一 touch 1 touchstart 當手指觸碰螢幕時發生,不管當前多少根手指 2 touchmove 當手指在螢幕上滑動時連續觸發,通常我們在滑屏頁面,會呼叫event的preventdefault 可以阻止預設情況的發生 阻止頁面滾動 3 touchend 當手指離開螢幕時觸發 4 touc...

移動端事件(一) 移動端事件和物件

在我們開始用原聲js寫移動端輪播前,我們先了解一些移動端的基礎。touch事件 touchevents物件 滑屏的思想與實現 移動端touch事件 let box document.queryselector box touchstart mousedown 手指觸碰元素 touchmove mou...