javascript - 触发点击事件脚本在第一次尝试中调用了 2 次

Question

我正在使用 owl carousel 和 php 创建一个图像库。鼠标单击事件工作正常，但是当通过键盘单击命令时出现问题，仅在第一次时跳过上一个键盘上的一个图像。当在该函数中编写该代码时，哪些代码在 keyup 函数之后调用，该函数完美运行

 $(document.documentElement).keyup(function(event) {
        // handle cursor keys
        if (event.keyCode == 37) {
        $(".prev").click();
    });

      var prevkey = $(".prev");
    prevkey.unbind("click").click(function() {
    $(".reset").click();
        setTimeout(function() {
            $(".printable").load(function(){
            $(".owl-carousel").myfunction();
        });
    }, 200);
    curEle = $(".item.active").parent();
   //console.log(curEle);
    if(curEle.find(".item").attr("data-id")==0)
    {
    $(this).addClass("disabled");
    }
    else
    {
    $(this).removeClass("disabled");
    prevEle = curEle.prev();
    console.log(prevEle);
    prevEle.find(".item").addClass("active");
                                curEle.find(".item").removeClass("active");
                                prevEle.find(".printable").attr("src",prevEle.find(".printable").attr("data-src"));
        carousel.trigger("owl.prev");
        curEle.find(".printable").attr("src","");
    }
    });

Answer 1

插入 preventDefault() 以避免您的事件以外的其他事件...

$(document.documentElement).keyup(function(event) { 
    // handle cursor keys 
    event.preventDefault();
    if (event.keyCode == 37) { 
        $(".prev").click(); 
    }
});

编辑检查this answer如果您使用的是 IE8