Question

我有一个DOM元素尚未在DOM中，我想触发一个DOM事件。

事件没有冒出来。但是使用jQuery，确实如此。这对我来说似乎很奇怪。

此行为在 Safari和Chrome 中可重现（在Firefox中它可以正常工作 - 事件冒泡）：

var log = function(event) {console.log('Clicked on div', event);};

// Create DOM element.
var div = document.createElement('div');
// Don't append it to DOM. Though it works if we append it there.
// document.body.appendChild(div);
div.innerHTML = '<a id="outer"><span class="inner">yo</span></a>';

// Does not work.
div.addEventListener('click', log);
div.querySelector('#outer').click();

// Works!?
$(div).on('click', log);
$(div).find('#outer').click();

jQuery是否实现了自定义事件冒泡策略？浏览器在这里出错了吗？

修改：创建了a bug

Answer 1

我认为它与

有关

$(div).find('#outer').click();

请注意，如果你选择

$("#outer").click();

它不起作用。所以我的赌注是JQ也会触发div元素的点击，而不是用DOM冒泡。

DOM事件不会在off-DOM元素中冒泡

1 个答案: