Js 组合键

时间 2019-11-12

原文原文链接

同时按Ctrl+Enter或Alt+scss

先上html代码html

1 <style type="text/css">
2 #box{width: 500px; height: 500px;}
3 </style>
4 <body>
5 <!-- 须要研究清楚 ctrlKey，altKey，which 什么意思-->
6 <textarea id="box"></textarea>
7 </body>

View Code

jq实现方法浏览器

1 $('#box').keydown(function(e){
2   if((e.ctrlKey && e.which == 13) || (e.altKey && e.which == 83)) {
3     console.log('ok')
4   } else {
5     console.log('unok')
6   }
7 });

js实现方法ide

1 document.getElementById('box').addEventListener('keydown',function(e){
2     var code = e.which || e.keyCode;
3     if((e.ctrlKey && code == 13) || (e.altKey && code == 83)) {
4         console.log('ok')
5     } else {
6         console.log('unok')
7     }
8 },false);

在监听键盘事件的时候要注意浏览器的就是兼容性：spa

一、code的值不一样code

二、识别keydown ，keyup等的触发状况htm

三、大小写状况blog

四、输入法的状况事件

具体能够参考一下别的博客的如：get

http://www.cnblogs.com/xcsn/p/3413074.html