0

嗨,当我单击我的任何一个 div 时,我试图让一个变量增加一。

如果我通常单击页面或窗口,则此代码适用:

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];
}
4

2 回答 2

0

如果您想使用纯 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;
        }
    }
}

演示在这里

在这个演示中,我假设您的容器有一个 ID #container,并且您的按钮是div带有 class 的元素.button

于 2013-09-28T06:48:51.553 回答
0
  1. 在元素上使用 jquery click功能。
  2. 如果您不想使用 jquery,请尝试以下操作:

    document.onclick = function(event) { var target= event.target; if (target.nodeName == "BUTTON") { alert("button clicked"); } };

  3. 如上面在评论中建议的那样,直接在元素定义内添加点击。
于 2013-09-28T02:15:17.223 回答