e.changedTouches[0].pageX - 未捕获的类型错误:无法读取未定义的属性“0"

问题描述

好吧，我需要在手持设备中获取触摸位置.为此，我使用了以下代码

Well, i need to get the touch position in hand devices. For that i have use below code

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

点击后，我按预期获得了它的位置.但是在控制台中抛出了如下错误:

on tap I'm getting the position of it as expected. But in the console there is a error thrown as below:

未捕获的类型错误:无法读取未定义的属性0"在 HTMLDocument.mouseover (index1.html:152)

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

Can someone help me on this.

推荐答案

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

found the answer. We need to use device specific conditions for touch events and mouse event.

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

这篇关于e.changedTouches[0].pageX - 未捕获的类型错误:无法读取未定义的属性“0"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！