javascript - 如何在 JavaScript 中将 addEventListener 指定为 ON？

Question

如何将addEventListener分配为on在纯 JavaScript 中？不是 jQuery。

// i can do this
// assigning document as d
// assigning querySelector as $

const d = document
const $ = x => d.querySelector(x)

//but how to do this

$('button').addEventListener('click',doSomething)

//to

$('button').on('click',doSomething)

//assiging addEventListener as on 

Answer 1

您可以创建自己的 on() 函数 -

function on(object, event, callback) {
    object.addEventListener(event, callback);
}

或者您可以研究对象函数的原型(prototype) - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype