Question

我正在编写一个交互式应用程序，用户使用键盘执行操作。大多数击键都被正确捕获并执行，但是当我按下（ctrl + t）时，Chrome会打开一个新选项卡，而不是调用我的按键事件。在Firefox和Internet Explorer上完美运行的地方，这里是示例代码

<html>
   <head>
      <style>
         #section {
         width: 80%;
         height: 500px;
         background: grey;
         margin: auto;
         }
      </style>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script>
         $(document).ready(function() {
           $("#section").keydown(function(e) {
             stopEvent(e);
             console.log(e.key + " down");
           });

           function stopEvent (e) {
             e.stopPropagation();
             e.preventDefault();
           }
         });
      </script>
   </head>
   <body>
      <div id="section" tabindex="1">
         <h2>Keyboard operations</h2>
      </div>
   </body>
</html>

Answer 1

看看这是否有任何帮助，

来自：http://unixpapa.com/js/key.html

在keydown和keyup上，事件对象也有指示的标志   键入键时按下了哪些修饰键。这些   是：

event.shiftKey
     event.ctrlKey
     event.altKey
     event.metaKey

无法阻止Chrome浏览器上的击键快捷键

1 个答案: