如何在按下 F1 时显示 Javascript 弹出窗口 table，并禁用 Chrome 的本机帮助页面？

Question

我创建了一个 ASP.Net Web 应用程序，它有一个 JavaScript 弹出窗口 Table（即 Aview2）。我的任务是在 TxtItemCode 中按下 F1 按钮时显示此弹出窗口 table。我试图在按下 F1 键时显示弹出窗口 table，但它同时显示我的弹出窗口 table 和默认帮助页面。我不知道如何禁用此默认帮助页面。

function popupF1() {
}

$(document).ready(function () {
  $("#TxtItemCode").keydown(function (event) {
    if (event.which ==112) {
        $("#Aview2").dialog("open");
    }
  });
});

我的TextBox如下：

<asp:TextBox ID="TxtItemCode2" runat="server" Width="54px"onkeydown="popupF2()"></asp:TextBox>

如何避免默认的帮助页面？对于这种情况，我已经尝试了多种类型的编码（比如使用 window.event.keyCode = 0; 但我不知道我应该把代码放在哪里）但我无法解决问题。

Answer 1

使用 keydown 并检查 keyCode，然后 preventDefault:

<script type="text/javascript">
$(document).ready(function(){
        $(document).on('keydown',function(ev){
            if(ev.keyCode==112){
                ev.preventDefault();
                $("#Aview2").dialog("open");
            }
        });
    });
</script>

Answer 2

<script type="text/javascript">
    function popupF1(event) {
        if(event.keyCode==112){
          $("#Aview2").dialog("open");
          return false; //or event.preventDefault()

        }
    }
</script>

您可能需要一个事件列表程序来阻止对整个文档的操作。

  $(document).on('keydown',function(event){
    if(event.keyCode==112){
      return false; //or event.preventDefault()
    }
  });

http://jsbin.com/foboyehiha/edit?html,js,console

文档：

https://api.jquery.com/ready/

https://api.jquery.com/event.preventdefault/

如何在按下 F1 时显示 Javascript 弹出窗口 table，并禁用 Chrome 的本机帮助页面？

How to show Javascript popup table when F1 is pressed, and disable Chrome's native Help page?

html

javascript

asp.net

jquery-events