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

网页中有些操作是需要键盘事件的，如点击 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组合');
}

写到最后，推广下一个不错的分享平台：http://www.techshare100.com/，欢迎大家加入