我正在尝试在普通 JavaScript 中创建自定义事件,但并不真正了解如何触发它。据我所知有jQuery方法trigger('customEvent'),但是它是如何实现的呢Vanilla JS?找不到任何相关信息。
创建CustomEvent:
var addColor = function (elem) {
elem.classList.add('red');
var event = new CustomEvent('madeRed');
elem.dispatchEvent(event);
};
Run Code Online (Sandbox Code Playgroud)
附加addEventListener到元素
var elem = document.querySelector('div');
addColor(elem);
elem.addEventListener('madeRed', function (elem) {
elem.classList.add('color-do-changed');
}, false);
Run Code Online (Sandbox Code Playgroud)