时间戳

首页 > 解决方案 > 触摸元素时如何显示X轴坐标（Javascript）？

javascript - 触摸元素时如何显示X轴坐标（Javascript）？

问题描述

我试图通过触摸一个元素来显示屏幕的 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() 不正确，请告诉我，因为这是我第一次使用它。

谢谢

标签： javascripthtml

解决方案

您的<script>块在您的 HTML 元素之前的页面上，并且代码正在尝试将事件侦听器附加到尚未读取的元素。将您的<script>块移动到底部<body>，您的代码将运行。

推荐阅读