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. }
22.
23. // 模拟键盘事件 不会触发浏览器自身的快捷键 如 Ctrl + p
24. </script>
25. </body>