Question

嗨，当我点击任何一个div时，我正试图让变量加1。

如果我点击一般的页面或窗口，此代码适用：

var click = 0;
window.onclick = function () {
click++;

console.log(click);
}

但它只能在我点击容器内的36个按钮之一时起作用。

我尝试用连接到我的div“按钮”的功能替换“窗口”，但这不起作用。

我正在尝试做的一个例子是：

var click = 0;
myFunction.onclick = function () {
click++;

console.log(click);
}

这是我的功能：

var imgArray = [], []; 
function onClickCard(image)
{
image.src=imgArray[parseInt(image.name.substring(0, 1)) - 1]           [parseInt(image.name.substring(1, 2)) - 1];
}

Answer 1

在元素上使用jquery click函数。
如果您不想使用jquery，请尝试以下方法：

document.onclick = function（event）{ var target = event.target; if（target.nodeName ==“BUTTON”）{ 警报（“点击按钮”）; } };
直接在元素定义中添加点击，如上面评论中所建议。

Answer 2

如果您想使用普通的Javascript，请使用：

var click = 0;
window.onload = function () {
    var buttons = document.getElementById('container').querySelectorAll('div.button');
    console.log(buttons);
    for (i = 0; i < buttons.length; i++) {
        buttons[i].onclick = function () {
            click++;
            document.getElementById('result').innerHTML = click;
        }
    }
}

演示here

在此演示中，我假设您的容器具有ID #container，而您的按钮是div个元素，其中包含.button类。

Javascript：variable.onclick而不是window.onclick？

2 个答案:

演示here