javascript - 带参数触发事件

Question

这很烦人。我只想在 javascript 中触发一个事件。我需要像往常一样将事件对象传递给参数和一个额外的自定义参数。

在 jQuery 中，这会非常简单:

$('#element').trigger('myevent', 'my_custom_parameter');

但是我不想使用它。我发现的与此相关的所有其他问题都只是建议“使用 jQuery!”它适用于我正在开发的插件，并且要求 jQuery 用于一种方法是非常愚蠢的。谁能指出一种在跨浏览器兼容的 vanilla JS 中执行上述操作的方法？

Answer 1

您可以创建自定义事件 http://jsfiddle.net/9eW6M/

HTML

<a href="#" id="button">click me</a>

JS

var button = document.getElementById("button");
button.addEventListener("custom-event", function(e) {
    console.log("custom-event", e.detail);
});
button.addEventListener("click", function(e) {
    var event = new CustomEvent("custom-event", {'detail': {
        custom_info: 10,
        custom_property: 20
    }});
    this.dispatchEvent(event);
});

点击链接后的输出:

custom-event Object {custom_info: 10, custom_property: 20} 

可以找到更多信息here .