keycode

在工作中在发现同事在写输入密码按键的相关js效果时，发现自己对于这块很是不了解，这几天特地了解了一下，进行以下总结: 一、首先要知道键盘事件的几个属性: 1、keydown()：在键盘按下时触发。 2、keyup()：是按下键盘起来后的事件。 3、keypress()：在敲击按键时触发，我们可以理解为按下并抬起同一个按键。 二、获得键盘上对应的 ascII 码： //键码获取 $(document).keydown(function (event) { alert(event.keyCode); }); 上面例子中，event.keyCode 可以帮助我们获取到我们按下了键盘上的什么按键,它返回的就是 ascII 码,比如说上下左右键,分别是38,40,37,39； 三、案例1： 比如：小说网站中常见的按左右键来实现上一篇文章和下一篇文章； 按 ctrl+enter 实现表单提交（以此提高用户体验）； 如果我们要实现 ctrl+enter 提交表单，可以这样： //键盘操作 $(document).keydown(function (event) { if (event.ctrlKey && event.keyCode == 13) { alert('Ctrl+Enter'); }; switch (event.keyCode) { case 37: alert('方向键-左');

1、监听全局键盘按下事件，例如监听全局回车事件 1　　$(document).keydown(function(event){ 2　　　　if(event.keyCode == 13){ 3　　　　　　alert('你按下了Enter'); 4　　　　} 5　　}); 2、监听某个组件键盘按下事件，例如监听id为btn的button组件的回车按下事件 1　　$("#btn").keydown(function(event){ 2　　　　if(event.keyCode == 13){ 3　　　　　　alert('你按下了Enter'); 4　　　　} 5　　}); 3、如果是要监听组合键，例如监听ctrl+c 1　　$(document).keyup(function(event){ 2　　　　if (event.ctrlKey && event.keyCode === 67){ 3　　　　　　alert('你按下了CTRL+C'); 4　　　　} 5　　}); 4、详细keyCode值列表 来源： https://www.cnblogs.com/pangpanghuan/p/6423204.html