[前端] 键盘事件常用操作

网页中有些操作是需要键盘事件的，如点击 enter 键 实现登录 等。

操作对象：document文档对象  window窗体对象  html标签元素  body标签元素  都可以

事件方法：

keydown

keyup

keypress

触发键盘事件：e.keycode

$(document).keydown(function(e) {
    console.log(e.keyCode);  // 返回对应键的ascII码 });

常用的键码：

一、左(37)、上(38)、右(39)、下(40)

二、enter键(13)、 backspace键(8)、 空格键(32) delete(46)

返回对应的键名：String.fromCharCode(e.keyCode)

$(document).keydown(function(e) {
    console.log(String.fromCharCode(e.keyCode));  // 输出对应的键名 如： A B C });

ctrl组合键：

$(document).keydown(function(e) {
    if(e.ctrlKey && e.which == 13) {
        console.log('ctrl+enter组合');
    }
});

同理不还有shift组合键：

if(e.shiftKey && e.which == 13) {
    console.log('shift+enter组合');
}

alt组合键：

if(e.altKey && e.which == 13) {
    console.log('alt+enter组合');
}

谢谢关注！