如何在JavaScript中将addEventListener分配为ON？

Question

How to assign addEventListener as on in pure JavaScript ? Not 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

You could create your own on() function -

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

Or you could look into prototyping for object functions - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype

Answer 2

不确定您说的简单是什么意思，但这是替代方法：

document.getElementById("id").onclick = doSomething;