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

我做了一些测试。

通过 jQuery on（）注册mousedown事件
- 结果：工作
通过addEventListener（）注册单击事件
- 结果：工作

这里有什么问题吗？

感谢。

P.S。使用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);
}

Answer 2

Jquery仅触发自己创建的事件

即使订单也很重要，例如：此作品

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

但是代码无效

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

看看这个 DEMO FIDDLE

由addEventListener注册的jQuery触发器mousedown

2 个答案: