单击函数raw javascript

Javascript

function click() {
    var event = new MouseEvent('click', {
        'view': window,
        'bubbles': true,
        'cancelable': true
    });

    document.getElementById('a').dispatchEvent(event);
    document.getElementById('b').dispatchEvent(event);
    document.getElementById('c').dispatchEvent(event);
}
var recycle = setInterval(click, 500);

HTML

点击
点击
点击

我当前的功能与MouseeEvent有问题

---

我希望这个javascript能够循环单击a、b和c。这似乎只是第一次触发单击。我需要做哪些修改？

对此我不是100%确定，但我认为问题的根源在于您试图三次使用一个事件对象。您可能必须为每次分派重新创建该对象。为了避免冗余，有什么方法比重新创建该对象更好？（我不想使用jQuery）@OP:重新创建它并不一定意味着冗余。它可以工作。它与单个事件对象无关，因为它们绑定到不同的元素。

<button id="a">click</button>
<button id="b">click</button>
<button id="c">click</button>