Uncaught TypeError：無法讀取屬性'pageX'的undefined

Question

我在js中修改touchevents。我在eclipse中的logcat中遇到了這個錯誤。

document.getElementById("squareBracket"). 
    addEventListener("touchmove", touchHandler, false); 
document.getElementById("squareBracket"). 
    addEventListener("touchend", touchHandler, false); 

function touchHandler(e) { 
if (e.type == "touchstart") { 
alert("You touched the screen!"); 
    } else if (e.type == "touchmove") { 
// alert(e.changedTouches[0].pageX); 
// alert(e.changedTouches[0].pageY); 
} else if (e.type == "touchend" || e.type == "touchcancel") { 
    alert('X :' + e.targetTouches[0].pageX); 
    alert('Y :' + e.targetTouches[0].pageY); 
} 
} 

如果我刪除在if評論中touchmove，座標彈出。但是，如果它被評論，我的logcat中的錯誤出現。

Answer 1

你應該開始理解targetTouches，changedTouches的差異，倒是這裏：Variation of e.touches, e.targetTouches and e.changedTouches

你的情況在touchend的時刻或touchcancel的targetTouches列表爲空和信息保留在changedTouches。

改變你的代碼：

alert('X :' + e.changedTouches[0].pageX); 
alert('Y :' + e.changedTouches[0].pageY); 

應該做的伎倆。