touches意思 js如何實現(xiàn)滑動事件?
js如何實現(xiàn)滑動事件?JS,有三個主要事件:touch start、touch move和touch end。這三個事件最重要的屬性是pagex和pagey,它們表示X和Y坐標。Touchstart在
js如何實現(xiàn)滑動事件?
JS,有三個主要事件:touch start、touch move和touch end。這三個事件最重要的屬性是pagex和pagey,它們表示X和Y坐標。Touchstart在觸摸開始時觸發(fā)事件touchend,觸摸結束時觸發(fā)事件touchmove。這件事很奇怪。在接觸的過程中不斷觸發(fā)這一事件是合理的。但是,在某些設備中,它在觸發(fā)touchstart之后觸發(fā)一次,其余的幾乎與touchend同時觸發(fā)。這三個事件都有timestamp屬性。如果你看一下timestamp屬性,您可以看到順序是touchstart-> touchmove-> touchmove->-> touchmove-> TouchEnd。下面是一個代碼示例:document.getElementsByTagName文件(“body”[0].addEventListener(“touchstart”,函數(shù)(e){nStartY=e.targetTouches[0].pageY nStartX=e.targetTouches[0].pageX})document.getElementsByTagName文件(“body”[0]。addEventListener(“touchend”,函數(shù)(e){nChangY=e.changedTouches[0]。pageY Nchangx=e.changedTouches[0]。頁碼:1。觸摸事件和點擊事件不會同時觸發(fā)?,F(xiàn)在移動設備做得更好,完全避免了這個問題。
2. 注意觸摸開始和結束的位移。如果位移太小,就不要做任何動作。