Я особисто використовую функцію обгортки для обробки подій, створених вручну. Наступний код додасть статичний метод для всіх Event
інтерфейсів (усі глобальні змінні, що закінчуються Event
, є інтерфейсом події) і дозволить викликати функції, як element.dispatchEvent(MouseEvent.create('click'));
на IE9 +.
(function eventCreatorWrapper(eventClassNames){
eventClassNames.forEach(function(eventClassName){
window[eventClassName].createEvent = function(type,bubbles,cancelable){
var evt
try{
evt = new window[eventClassName](type,{
bubbles: bubbles,
cancelable: cancelable
});
} catch (e){
evt = document.createEvent(eventClassName);
evt.initEvent(type,bubbles,cancelable);
} finally {
return evt;
}
}
});
}(function(root){
return Object.getOwnPropertyNames(root).filter(function(propertyName){
return /Event$/.test(propertyName)
});
}(window)));
EDIT: Функція пошуку всіх Event
інтерфейсів також може бути замінена масивом, щоб змінити лише потрібні інтерфейси Event ( ['Event', 'MouseEvent', 'KeyboardEvent', 'UIEvent' /*, etc... */]
).