如何使用jQuery检测键盘上的Enter键?

JavaScript

阿飞Pro

2020-03-11

我想检测用户是否按下了EnterjQuery。

这怎么可能?需要插件吗?

编辑:看来我需要使用该keypress()方法。

我想知道是否有人知道该命令是否存在浏览器问题-就像我应该知道的浏览器兼容性问题一样?

第646篇《如何使用jQuery检测键盘上的Enter键?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
YLD 2020.03.11

我认为最简单的方法是使用香草 javacript:

document.onkeyup = function(event) {
   if (event.key === 13){
     alert("enter was pressed");
   }
}
小胖神奇 2020.03.11

由于keypress事件未包含在任何正式规范中,因此使用它时遇到的实际行为可能会因浏览器,浏览器版本和平台而异。

   $(document).keydown(function (event) {
        if (event.keyCode === 13) {
            // Cancel the default action, if needed
            event.preventDefault();
            //call function, trigger events and everything tou want to dd . ex : Trigger the button element with a click
            $("#btn").click();
        }
    })

我希望它会有用!

前端MandyJinJin 2020.03.11

有一个keypress()事件方法。Enter键的ascii编号为13,与所使用的浏览器无关。

LEY猿 2020.03.11

使用event.key和现代JS!

$(document).keypress(function(event) {
    if (event.key === "Enter") {
        // Do something
    }
});

或不带jQuery:

document.addEventListener("keypress", function onEvent(event) {
    if (event.key === "Enter") {
        // Do something better
    }
});

Mozilla文件

支持的浏览器

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android