javascript - 如何在 JavaScript 中禁用 ESC 键的功能？

Question

在我的聊天应用程序中，有一些文本字段可以获取用户登录详细信息。

填写用户详细信息时，如果用户突然按下ESC键，数据将丢失。

我需要禁用ESC键的功能吗？我需要使用哪个事件？我怎样才能做到这一点。

我的 Java 脚本代码是

function esc(e){
    e = e || window.event || {};
    var charCode = e.charCode || e.keyCode || e.which;
    if(charCode == 27){
    return false;
    }
}

在堆栈溢出和谷歌中搜索了很多。没有任何效果。请任何人帮助我做到这一点。谢谢..

Answer 1

您可以将事件侦听器绑定到您的输入字段以在Esc按下事件时捕获事件并抑制它。

document.querySelector("input").addEventListener("keydown",function(e){
    var charCode = e.charCode || e.keyCode || e.which;
    if (charCode == 27){
         alert("Escape is not allowed!");
        return false;
    }
});

例子

Answer 2

我得到了使用以下代码控制“F5、Esc、BackSpace(BS)”键的解决方案。

我的 Java Script 代码将是，

document.attachEvent("onkeydown", win_onkeydown_handler);

function win_onkeydown_handler() {
    switch (event.keyCode) {

    case 116 : // 'F5'
         event.returnValue = false;
         event.keyCode = 0;
         break;  

    case 27: // 'Esc'
        event.returnValue = false;
        event.keyCode = 0;
        break;

    case 08: // 'BackSpace'
        if (event.srcElement.tagName == "INPUT"
                || event.srcElement.tagName == "TEXTAREA") {
        } else {
            event.returnValue = false;
            event.keyCode = 0;
        }
        break;

    }
}

感谢所有支持我这样做的人以及您的建议。

Answer 3

我已将其用于登录弹出代码：

jQuery(document).keyup(function(e){
    if(e.keyCode==27 && popupStatus==1){
    // alert('not allowed !!!');
        // or any other code
     return false;
    }
});

Answer 4

我使用 jquery 做了类似的事情来限制输入数字

    $(inputBox).keydown(function(event) {
        // Allow only backspace and delete
        var allowed_keys = [
            46, // delete
            8, // backspace
                 ];
        if ($.inArray(event.keyCode, allowed_keys) != -1) {
            // let it happen, don't do anything
        }
        else {
            // Ensure that it is a number and stop the keypress
            if (event.keyCode < 48 || event.keyCode > 57 ) {
                event.preventDefault(); 
            }   
        }
    });