触发触摸事件 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>