只有在可见时按Enter键才能使按钮可用

Question

根据我的理解，如果我有一个绑定到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();
        }
    }
});