Question

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

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

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

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

我在stackoverflow上看到了很多关于tutoriels和问题但是他们使用的是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。

javascript中的自定义事件

2 个答案: