function findCoordinates(e) { // 如果需要用 pageX/Y 代替 clinetX/Y var x,y; if(e.changedTouches){ x = e.changedTouches[0].clientX; y = e.changedTouches[0].clientY; }else{ x = e.clientX; y = e.clientY; } console.log(e); $('#test').text("x:"+x+",y:"+y); return [x,y]; } var el = document.getElementsByClassName('content')[0]; console.log(el); el.addEventListener('touchstart', findCoordinates, false); |
触摸事件对象有事件类型、时间目标对象、可以阻止默认行为。
其中 touchList 数组包含了每个触摸点的信息。
changedTouches 数组中第一个对象就是导致事件触发的那个触摸点对象。
clientX/Y 和 pageX/Y 的区别是,前者相对于视觉视口的左上角,后者相对于布局视口的左上角。
注:
关于视口的介绍
© admin for 可乐吧, 2016. |
Permalink |
No comment |
Add to
del.icio.us
Post tags: 触摸事件坐标
您可能也喜欢: |
DOMContentLoaded事件 |
JavaScript事件冒泡简介及应用 |
jQuery live()事件的使用 |
jQuery滚动事件,判断滚动条位置 |
无觅 |
Feed enhanced by Better Feed from Ozh