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事件。 也可以更好地分離關注點。