如何使用javascript动态添加onclick到html元素

Question

我可以创建一个按钮元素并添加一个onclick事件,如下所示.

elem.onclick=function()
{
alert("qweqweqwe");
}        

如何使用预定义函数而不是在事件内部定义函数？就像是:

elem.onclick=func();

Answer 1

将eventlistener添加到具有要调用的已定义函数的元素:

elem.addEventListener("click", func, false); //where func is your function name

https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener

Answer 2

我为自己找到的最佳方式如下.

const li = document.createElement('li');
        li.innerText = "client";
        li.id ="key";
        li.className = "client-class";
        li.setAttribute("onclick","valid;");