jQuery禁用键盘上的提交按钮

Question

我想禁用键盘上的“Enter”按钮，以便当用户按Enter键提交表单时，没有任何反应，并且执行其他操作而不是提交表单，例如警告“不允许使用键盘”。 “

以下是我所做的，#calculator是一个按钮：

$(document).ready(function(){
    $("#calculator").keydown(function(){
       console.log("Enter is disabled.");
return false;
     });
});

目前在提交时，表单会出现意外结果（例如重定向到目标页面但没有加载任何CSS。

Answer 1

$(document).on('keypress', function(e){
    if(e.which == 13) {
        e.preventDefault();
    }
});

Answer 2

您可以使用 .keypress() 事件检查按下了哪个键，然后使用e.keycode或e.which检查密钥的代码，如果它是{{1然后阻止提交表单：

13

Answer 3

对于它，不要使用提交按钮。

使用div，将其设置为按钮样式，并在点击div时使用javascript提交表单：）

Answer 4

试试这个

禁用键盘

document.onkeydown = function (e) {
        alert('Using keyboard is not allowed')
}

禁用Enter

$(document).on('keypress', function(e){
    if(e.which == 13) {
        e.preventDefault();
    }
});