javascript - mouseEvent.initMouseEvent 的参数不足

Question

以下 JS 代码在 Safari 上正常运行:

var a = $('.shell a')[0];
var evObj = document.createEvent('MouseEvents');
evObj.initMouseEvent('click', true, true, window);
a.dispatchEvent(evObj);

但是，这一行

evObj.initMouseEvent('click', true, true, window);

在 Firefox 中给我以下错误:

TypeError: Not enough arguments to MouseEvent.initMouseEvent.

我应该使用什么来实现多浏览器兼容性？

Answer 1

正如您在 MDN's initEvent page 上看到的那样，不推荐使用这样的事件。 “改为使用事件构造函数”:

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

在你的情况下:

var evObj = new Event('click');
a.dispatchEvent(evObj);

但是 click 事件要简单得多!原生 DOM 对所有元素都有一个 click() 方法，因此您可以这样做:

a.click();

就是这样。

如果你想触发自定义事件或类似mouseover的事件，你仍然可以使用(新的)事件派发系统:new Event('mouseover')等