javascript - javascript中的自定义事件

Question

我知道有很多像我这样的问题，但我不认为这是重复的。

我想创建自己的自定义事件，例如 onresize 或 onshake。

我想创建一个库，然后我的库的用户会这样写：

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

我在 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

你会想以某种方式触发事件。这个答案给出了特别好的深度：如何在 JavaScript 中触发事件？

不过，您可能必须使用document而不是window。