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