e.changedTouches [0] .pageX - 未捕获TypeError：无法读取属性＆＃39; 0＆＃39;未定义的

Question

嗯，我需要获得手持设备的触摸位置。为此，我使用下面的代码

var touchX = e.changedTouches[0].pageX;

点击我按预期获得它的位置。但是在控制台中会出现如下错误：

  

未捕获的TypeError：无法读取属性＆＃39; 0＆＃39;未定义的       在HTMLDocument.mouseover（index1.html：152）

有人可以帮我解决这个问题。

Answer 1

找到了答案。我们需要为触摸事件和鼠标事件使用特定于设备的条件。

var docWidth = window.innerWidth;
if(docWidth <= 1024){
                var touchX = e.changedTouches[0].pageX;
                var touchY = e.changedTouches[0].pageY;
                mouseout(e)
            }
            else{
                var mouseX = e.clientX;
                var mouseY = e.clientY;
            }