javascript-模拟iOS中按钮上的点击事件（用手指点击）

Question

我正在尝试编写一个脚本，通过模拟在网页上添加到购物车按钮上的点击，将商品添加到购物车中

<span id="cart-update">
<span class="cart-button">add to basket</span>
</span>

当我尝试在台式机上执行以下操作时，它可以完美运行

document.getElementById('cart-update').click();

但是，当我尝试在iPhone上执行相同的操作时，它不起作用。 我尝试使用此答案中的建议（ 在移动设备上模拟点击事件 ），但似乎没有用。 你能帮我吗？

Answer 1

您是否尝试过监视触摸事件而不是单击事件？ 移动浏览器具有自己正在监视的事件，有些根本不将“点击”视为事件

来自： https : //developer.mozilla.org/zh-CN/docs/Web/API/Touch_events

function startup() {
  var el = document.getElementsByTagName("button")[0];
  el.addEventListener("touchstart", handleStart, false);
  el.addEventListener("touchend", handleEnd, false);
  el.addEventListener("touchcancel", handleCancel, false);
  el.addEventListener("touchmove", handleMove, false);
  console.log("initialized.");
}

解决该问题的一种方法是使click / touch事件完全触发一个单独的函数，例如在函数中调用handleStart（）来触发click事件。 也可以更好地分离关注点。