移動(dòng)端所有的事件都基于touch事件。
一:touch事件:touchstart纬黎、touchmove、touchend和touchcancel
- touchstart:當(dāng)手指碰觸屏幕的時(shí)候觸發(fā)孽水;
- touchmove:當(dāng)手指在屏幕中滑動(dòng)時(shí)候連續(xù)觸發(fā)陕贮。移動(dòng)端在用這個(gè)事件的時(shí)候通常會(huì)調(diào)用e.preventDefault()來(lái)阻止默認(rèn)觸發(fā)的頁(yè)面滾動(dòng)事件。
- touchend:當(dāng)手指離開(kāi)屏幕的時(shí)候觸發(fā)甜滨。
- touchcancel:系統(tǒng)停止跟蹤觸摸時(shí)候回觸發(fā)乐严。(一般很少用)
二:觸摸點(diǎn):可以通過(guò)事件的event獲取需要的相關(guān)觸摸點(diǎn)信息。(eg:event.touches[0])
- touches:頁(yè)面上的所有觸摸點(diǎn) touches[0];
- targetTouches:目標(biāo)元素的所有當(dāng)前觸摸點(diǎn);
- changedTouches:頁(yè)面上最新更改的所有觸摸點(diǎn)衣摩。
三:在每個(gè)觸摸點(diǎn)中可以獲取以下屬性:
- clientX:觸發(fā)目標(biāo)在視口中的X坐標(biāo)昂验;
- clientY:
- pageX:觸摸目標(biāo)在頁(yè)面中的x坐標(biāo);
- pageY:
- screenX:觸發(fā)目標(biāo)在屏幕中的X坐標(biāo)艾扮;
- screenY:
- target:觸摸的DOM節(jié)點(diǎn)坐標(biāo)既琴。