javascript - 如何在 JavaScript 中使用 onclick

Question

我需要知道如何使用 onclick 以便我可以一遍又一遍地重用 div 的 onclick 方法不必添加无限数量。
我不想这样做:

<div id="div1" onClick="divFunction1()">
</div>
<div id="div2" onClick="divFunction2()">
</div>
<div id="div3" onClick="divFunction3()">
</div>
<div id="div4" onClick="divFunction4()">
</div>

但如果可能的话，请在 JavaScript 中执行类似的操作:

div = document.getElementById("allPurposeDiv").onclick...

我不太确定 onclick 后会出现什么问题。

如有任何帮助，谢谢!

Answer 1

onclick 区分大小写。所以它是onclick。它期望分配给它一个回调函数，该函数将被调用。

document.getElementById("div1").onclick = divFunction;

如果您尝试添加更多事件，那么您需要一个事件监听器，就像 adeneo 建议的那样。