JavaScript 模拟键盘事件 - 会coding的HAM

JavaScript 模拟键盘事件

BG7ZAG

|

2017-7-22 9:13

|

2,284

|

0

|

121 字

|

1 分钟内

div{
width: 300px;
height: 50px;
background-color: red;
color: white;
}

<body>
<div>
这个DIV可以点击 <br>
点击时会触发一个键盘事件
</div>
<script>
var div = document.querySelector('div')
div.addEventListener('click',function(e){
var keyEvent =new KeyboardEvent('keydown',{
key:'p',
code:'KeyP',
ctrlKey:true,
keyCode:0,
charCode:112
})
window.dispatchEvent(keyEvent)
})
window.onkeydown =function(e){
alert('键盘事件' + e.charCode + '|' + e.code)
alert(e.ctrlKey?'ctrl被按下':'ctrl没有被按下')
}
// 模拟键盘事件不会触发浏览器自身的快捷键如 Ctrl + p
</script>
</body>

JavaScript 模拟键盘事件

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!