javascript - jQuery 触发 addEventListener 注册的 mousedown

Question

我想通过 jQuery trigger( 方法模拟伪造的 mousedown 事件，并通过原生 JavaScript 方法注册 mousedown 事件 - addEventListener()，发现触发不了:

elem.addEventListener('mousedown', function () {
    alert('addEventListener');
});
$(elem).on('mousedown', function () {
    alert('on');
});
$(elem).trigger('mousedown');

Sample in jsFiddle

我对此做了一些测试。

1. 通过 jQuery on() 注册 mousedown 事件

• 结果:有效

1. 通过addEventListener()注册click事件

• 结果:有效

这里有什么问题吗？

附言我使用 addEventListener() 的原因是我想编写一个没有 jQuery 的库。

Answer 1

尝试使用

EventTarget.dispatchEvent

MDN link

你的代码应该是这样的

var elem = document.getElementById('square');
elem.addEventListener('mousedown', function () {
    alert('addEventListener');
});
$(elem).on('mousedown', function () {
    alert('on');
});

elem.dispatchEvent(new Event('mousedown'))

如果您正在考虑使用 IE，您可能必须使用 fireEvent。

object.fireEvent(bstrEventName, pvarEventObject, pfCancelled) 

MSDN link

好像是

if (document.createEvent) {
    element.dispatchEvent(event);
} else {
    element.fireEvent("on" + event.eventType, event);
}