Question

我需要知道如何使用onclick，以便它允许我一遍又一遍地重用onclick div方法，而不必添加无限量的<div id="div1" onClick="divFunction1()"> </div> <div id="div2" onClick="divFunction2()"> </div> <div id="div3" onClick="divFunction3()"> </div> <div id="div4" onClick="divFunction4()"> </div>方法。
我不想这样做：

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

但是如果可能的话，在JavaScript中做这样的事情：

{{1}}

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

任何帮助都是适当的，谢谢！

Answer 1

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

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

如果您要添加更多活动，那么您需要一个像adeneo所建议的事件监听器。

Answer 2

您通常应该使用addEventListener

document.getElementById('div1').addEventListener('click', function() {

    alert('clicked the DIV');

}, false);

或引用命名函数

function divFunction() {
    alert('clicked the DIV');
}

document.getElementById('div1').addEventListener('click', divFunction, false);

我不知道为什么这会帮助你不添加无限量的元素？

如何在JavaScript中使用onclick

2 个答案: