JavaScript 模拟键盘事件

黄良钵

分类： 程序开发 1957 0

  1. div{
  2.     width: 300px;
  3.     height: 50px;
  4.     background-color: red;
  5.     color: white;
  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.         }
  23.         // 模拟键盘事件 不会触发浏览器自身的快捷键 如 Ctrl + p
  24.     </script>
  25. </body>

版权声明: 本站文章除特别声明外，均为本站原创。转载请注明出处，谢谢。

本文地址: https://huangliangbo.com/798

  • 0人 Love
  • 0人 Haha
  • 1人 Wow
  • 0人 Sad
  • 0人 Angry
JavaScript、模拟键盘事件

作者简介： 黄良钵

打赏

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

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

Loading...