我试图通过触摸元素来显示屏幕的 X 轴坐标。
如果我删除代码就可以工作
getElementById("name")
但是当我触摸屏幕上的任何按钮时它就会运行,使所有其他按钮或触摸元素变得无用。我希望它在我触摸某个元素时起作用。但是当我运行下面的代码时没有任何反应
<!DOCTYPE html>
<html lang="en">
<body>
<script>
var x;
document.getElementById("name").addEventListener('touchstart', function(e){
x = e.touches[0].pageX;
alert(x);
});
</script>
<div id="name" style="background-color:black; width:100%;height:700px;">hi</div>
</body>
</html>
任何帮助将不胜感激,如果我错误地使用了 addEventListener(),请告诉我,因为这是我第一次使用它。
谢谢
最佳答案
您的<script>
block 位于页面上的 HTML 元素之前,并且代码尝试将事件监听器附加到尚未读取的元素。移动您的<script>
block 到 <body>
的底部您的代码将会运行。
关于javascript - 如何在触摸元素时显示X轴坐标(Javascript)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51091630/