如何使用javascript或jquery在html页面中禁用esc键

Question

我想在HTML页面中禁用ESC键.我怎样才能做到这一点？

我有一个表单,显示为jQuery UI对话框.如果我单击ESC键,表单将关闭.我想禁用它.

Answer 1

浏览器(Firefox,Chrome ...)通常将Esc密钥绑定到"停止加载当前页面"操作.任何其他行为都需要使用JavaScript进行专门编码.

jQuery UI对话框具有closeOnEscape设置.只需将其设置为false:

• 使用指定的closeOnEscape选项初始化对话框:

  $( ".selector" ).dialog({ closeOnEscape: false });
  

• 在init之后获取或设置closeOnEscape选项:

  //getter
  var closeOnEscape = $( ".selector" ).dialog( "option", "closeOnEscape" );
  //setter
  $( ".selector" ).dialog( "option", "closeOnEscape", false );
  

Answer 2

$(document).keydown(function(e) {
    if (e.keyCode == 27) return false;
});

*谢谢约翰