手機e.pageX和e.pageY無效的原因

手機端拖拽事件：

touchstart事件：當手指觸摸屏幕時候觸發，即使已經有一個手指放在屏幕上也會觸發。

touchmove事件：當手指在屏幕上滑動的時候連續地觸發。在這個事件發生期間，調用preventDefault()事件可以阻止滾動。

touchend事件：當手指從屏幕上離開的時候觸發。

touchcancel事件：當系統停止跟蹤觸摸的時候觸發。

調用方法：
（1）jquery方法：$(document).bind("touchend", function(e){}）；
（2）javascript方法：document.addEventListener("touchend",function(e){});

手機端獲取pageX和pageY:

touchstart事件下獲取：e.originalEvent.targetTouches[0].pageX。
touchmove事件下獲取：e.originalEvent.targetTouches[0].pageX。
touchend事件的下獲取：e.originalEvent.changedTouches[0].pageX 。


每個Touch對象包含的屬性如下。
clientX：觸摸目標在視口中的x坐標。
clientY：觸摸目標在視口中的y坐標。
identifier：標識觸摸的唯一ID。
pageX：觸摸目標在頁面中的x坐標。
pageY：觸摸目標在頁面中的y坐標。
screenX：觸摸目標在屏幕中的x坐標。
screenY：觸摸目標在屏幕中的y坐標。
target：觸目的DOM節點目標。