Пользовательское событие в javascript

Question

Я знаю, что есть много вопросов, подобных моим, но я не думаю, что это дубликат.

Я хочу создать собственное событие, например, onresize или onshake.

И я хотел бы сделать библиотеку, то пользователь моей библиотеки просто написать, что:

<script src="theLib.js" ></script> 
<script> 
window.addEventListener("shake",myFunc,false); 
</script> 

Я видел много tutoriels и вопросов на StackOverflow, но они либо с помощью JQuery (я хочу самый простой пример для создания пользовательского события), или пользователь не должен просто писать window.addEventListener.

Не могли бы вы объяснить мне самый простой способ добавления специального мероприятия?

Answer 1

Я нашел ответ наконец:

//Library part 
var evt=document.createEvent("Event"); 
evt.initEvent("foo",true,true); 
function blah() 
{ 
    window.dispatchEvent(evt); 
} 
window.addEventListener("load",blah,false); 

//User part 
window.addEventListener("foo",function(){alert("Hi");},false); 

Answer 2

Вы хотите каким-то образом инициировать событие. Этот ответ дает особенно хорошую глубину: How to trigger event in JavaScript?

Возможно, вам придется использовать document вместо window.