仅在可见时按 Enter 使按钮可用

Question

据我了解，如果我有一个按钮绑定到 Enter 键，即使它不可见，仍然可以用 Enter 单击它。我正在尝试使其只有在可见时才能通过 Enter 键点击。

if($("#answerButton").is(":visible")){
  $(document).keypress(function(e){
    if (e.which == 13){
      $("#answerButton").click();
    }
  });
}

Answer 1

触发按键事件时检查按钮是否可见，在您的情况下，如果元素最初可见，则按键事件将绑定

$(document).keypress(function(e){
    if($("#answerButton").is(":visible")){
        if (e.which == 13){
            $("#answerButton").click();
        }
    }
});

仅在可见时按 Enter 使按钮可用

Make button usable by pressing Enter only when visible

jquery

visibility