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); 

应该做的伎俩。