1d292a1a6e
Events triggered on top level elements (such as window or document) lead to a HierarchyRequestError due to a fix in IE browsers where dispatchEvent does not fire if an element is not in the DOM. The current test is simply to check for the existence of parentNode However, this means top level elements get added to itself, causing the error. The proposed fix simply tests for top level elements in the test.
32 lines
888 B
JavaScript
32 lines
888 B
JavaScript
var forEachEls = require("../foreach-els")
|
|
|
|
module.exports = function(els, events, opts) {
|
|
events = (typeof events === "string" ? events.split(" ") : events)
|
|
|
|
events.forEach(function(e) {
|
|
var event // = new CustomEvent(e) // doesn't everywhere yet
|
|
event = document.createEvent("HTMLEvents")
|
|
event.initEvent(e, true, true)
|
|
event.eventName = e
|
|
if (opts) {
|
|
Object.keys(opts).forEach(function(key) {
|
|
event[key] = opts[key]
|
|
})
|
|
}
|
|
|
|
forEachEls(els, function(el) {
|
|
var domFix = false
|
|
if (!el.parentNode && el !== document && el !== window) {
|
|
// THANKS YOU IE (9/10//11 concerned)
|
|
// dispatchEvent doesn't work if element is not in the dom
|
|
domFix = true
|
|
document.body.appendChild(el)
|
|
}
|
|
el.dispatchEvent(event)
|
|
if (domFix) {
|
|
el.parentNode.removeChild(el)
|
|
}
|
|
})
|
|
})
|
|
}
|