ontouchstart在移动设备上表现得很奇怪?



我正在开发一个游戏,我正在使用ontouchstart作为处理屏幕上au ser点击的一种方式。 但是当我点击屏幕时,它不会第一次注册,它让我点击两次,让它注册甚至一次点击。我不知道该怎么办。有人知道修复方法吗?

我决定用更简化的版本更新我的代码。 这也行不通。 至少在IOS设备上,无论我使用什么浏览器,我都必须点击两次才能注册一次。

<html>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet" />
<body>
<h1 class="center-align" id="cn">click me</h1>
<h2 id="cl">clicked:</h2>
</body>
<script>
let click = 1;
document.getElementById("cn").ontouchstart = () => {
click++;
document.getElementById("cl").innerHTML = "clicked: " + click;
};
</script>
</html>

嘿,您可以尝试从样式中删除touch-action吗?操作触摸操作最终会影响触摸事件侦听器

编辑

你能试试这个吗?

object.addEventListener("touchstart", myScript);

相关内容

  • 没有找到相关文章

最新更新