Я лично использую функцию-оболочку для обработки событий, созданных вручную. Следующий код добавит статический метод для всех 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)));
РЕДАКТИРОВАТЬ: функцию поиска всех Event
интерфейсов также можно заменить массивом, чтобы изменить только нужные вам интерфейсы событий ( ['Event', 'MouseEvent', 'KeyboardEvent', 'UIEvent' /*, etc... */]
).