Js 组合键

同时按Ctrl+Enter或Alt+s

先上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实现方法

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);

 

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

1、code的值不同

2、识别keydown ，keyup等的触发情况

3、大小写情况

4、输入法的情况

 

具体可以参考一下别的博客的如：

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

 

posted @ 2017-03-03 15:25  to_Matthew  阅读(494)  评论(0)  编辑  收藏  举报