移動端觸摸事件添加方式值能用 addEventListeber(),方式綁定
移動觸摸事件有4個:
1、touchstart? ? 觸摸事件開始
? ? 觸摸事件會產(chǎn)生一個事件對象touchEvent
? ? 獲取觸摸手指個數(shù):e.targetTouches.length
觸摸對象事件下e.targetTouches[0]里面存儲開始觸摸事件對象的信息:
pageX:觸摸目標(biāo)在頁面中X軸的坐標(biāo)
pageY:觸摸目標(biāo)在頁面中Y軸的坐標(biāo)
screenX:觸摸目標(biāo)相對屏幕中X軸的坐標(biāo)
screenY:觸摸目標(biāo)相對屏幕中Y軸的坐標(biāo)
clientX:觸摸目標(biāo)在視口中的X軸的坐標(biāo)
clientY:觸摸目標(biāo)在視口中的Y軸的坐標(biāo)
target:觸摸的dom節(jié)點目標(biāo)
identifier:標(biāo)示觸摸的id值
2、touchmove
? ? 觸摸中
3、touchend
? ? 觸摸結(jié)束
觸摸結(jié)束事件中最大的坑就是,沒有e.targetTouches的數(shù)據(jù)為空
想要獲取最后觸摸的一個點的坐標(biāo),用e.changedTouches[0].pageX
4、touchcancel
觸摸事件取消
請解釋移動端點擊延遲現(xiàn)象?
有些瀏覽器可能會有300ms延遲顯像,由于移動端瀏覽器具有雙擊放大效果,所以在點擊第一次之后300ms內(nèi)不做不做反應(yīng),而是等待第二次點擊,如果在300ms內(nèi)點擊了則進行放大效果,如果沒有點擊,則進行單擊事件,如果不希望出現(xiàn)這種現(xiàn)象,則不要用click事件,