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