Question

我尝试计算元素点击次数，并在正确的数字中调用一些操作。

var count = 0;
document.getElementById("rolarbaixo").onClick = function(e) {
     if( count >= 3 ) {
        var elem = document.getElementById("noticia");
            elem.setAttribute("style","top: 0px;");
     }
     else {
          count ++;
     }
};

当我在链接“rolarbaixo”中点击3次时，div“noticia”设置为“top：0px;”，但这不起作用。为什么？

Answer 1

小写的onclick

var count = 0;
document.getElementById("rolarbaixo").onclick = function (e) {
    if (count >= 2) {
        var elem = document.getElementById("noticia");
        elem.style.top = "0px";
    } else {
        count++;
    }
};

FIDDLE

三次点击（基于零和全部）>= 2。

AS问题标记为jQuery，这就是

$('#rolarbaixo').on('click', function() {
    var clicked = $(this).data('clicked') || 0;
    if (clicked >= 2) $('#noticia').css('top', 0);
    $(this).data('clicked', ++clicked);
});

FIDDLE

Answer 2

count ++应该是count ++。如果按F12，您将能够访问开发人员工具debug the javascript。

Answer 3

else语句中的错误打印并将onclick更改为小写：

var count = 0;
document.getElementById("rolarbaixo").onclick = function(e) {
     if( count >= 3 ) {
        var elem = document.getElementById("noticia");
            elem.setAttribute("style","top: 0px;");
     } else {
          count++;
     }
};

计算元素点击次数并定义最大值

3 个答案: