javascript - HTML、Javascript 中的自定义事件

Question

我想用 HTML、JS 创建自定义事件。

<input type="text" oncustombind="foo(event);" />

我怎样才能创建一个这样的？ 'oncustombind' 是我要创建的自定义事件。我应该能够调用 oncustombind 属性中定义的函数/代码。此外，我需要将一些数据传递给事件对象。

我不想使用任何库，例如 jquery、YUI。

如有任何帮助，我们将不胜感激。

Answer 1

你想要一个 CustomEvent

它们应该很容易使用，但浏览器支持很差。然而 DOM-shim应该解决这个问题。

var ev = new CustomEvent("someString");
var el = document.getElementById("someElement");
el.addEventListener("someString", function (ev) {
    // should work
});
el.dispatchEvent(ev);