JavaScript 模拟键盘事件

黄良钵

分类: 程序开发 65 0

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

作者简介:黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “JavaScript 模拟键盘事件”

Loading...