1. div{
  2.     width: 300px;
  3.     height: 50px;
  4.     background-color: red;
  5.     color: white;
  6. }
  1. <body>
  2.     <div>
  3.         这个DIV可以点击 
  1.         点击时会触发一个键盘事件
  2.     </div>
  3.     <script>
  4.         var div = document.querySelector('div')
  5.         div.addEventListener('click',function(e){
  6.             var keyEvent =new KeyboardEvent('keydown',{
  7.                 key:'p',
  8.                 code:'KeyP',
  9.                 ctrlKey:true,
  10.                 keyCode:0,
  11.                 charCode:112
  12.             })
  13.             window.dispatchEvent(keyEvent)
  14.         })
  15.         window.onkeydown =function(e){
  16.             alert('键盘事件' + e.charCode + '|' + e.code)
  17.             alert(e.ctrlKey?'ctrl被按下':'ctrl没有被按下')
  18.         }
  20.         // 模拟键盘事件 不会触发浏览器自身的快捷键 如 Ctrl + p
  21.     </script>
  22. </body>