觸發觸摸事件 onclick

Question

我有一個只能在 ontouch(start) 上工作的元素，我想讓 onclick 觸發 ontouch（對於不可觸摸的設備，例如我的電腦）。 喜歡：

element.onclick = element.touchStart();

或者：

element.onclick = element.touch();

這樣的事情可能嗎？

Answer 1

您需要使用new Event創建一個新的觸摸事件，並使用event.target的dispatchEvent方法將其分派給元素。

 let div = document.querySelector("div"); div.addEventListener("click", (e)=>{ var event = new Event('touch'); e.target.dispatchEvent(event) }); div.addEventListener("touch", (e)=>{ console.log("touched"); });

 #test{ background: red; width: 200px; height: 200px; }

 <div id="test"><div>