Variables Javascript:variable.onclick而不是window.onclick?

Variables Javascript:variable.onclick而不是window.onclick?,variables,onclick,Variables,Onclick,嗨,当我点击我的任何一个div时,我试图让一个变量增加1 通常,如果我单击页面或窗口,此代码适用于: var click = 0; window.onclick = function () { click++; console.log(click); } 但它只有在我点击容器内36个按钮中的一个时才起作用 我尝试用连接到div“按钮”的函数替换“窗口”,但没有成功 我尝试做的一个例子是: var click = 0; myFunction.onclick = function () { cl

嗨,当我点击我的任何一个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];
}
  • 对元素使用jquery函数
  • 如果不想使用jquery,请尝试以下操作:

    document.onclick=函数(事件){ var target=event.target; if(target.nodeName==“按钮”){ 警报(“点击按钮”); } };

  • 直接在元素定义内单击添加,如上面注释中所建议的

  • 如果要使用纯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;
            }
        }
    }
    
    var click=0;
    window.onload=函数(){
    var buttons=document.getElementById('container').queryselectoral('div.button');
    控制台日志(按钮);
    对于(i=0;i
    演示
    在这个演示中,我假设您的容器有一个ID
    #container
    ,并且您的按钮是类为
    div
    元素。button

    您需要将对onclick的调用作为其属性之一放在div内部。请看这里:@harmonickey,请不要建议使用内联脚本。最好使用单击处理程序。