六、尝试给div添加onkeydown事件

六、尝试给div添加onkeydown事件

1
2
3
4
5
6
7
8
9
10
11
<div id="box" tabIndex="2"></div>

// 如果要给document添加onkeydown事件,直接添加即可
// 如果要给一个div元素添加onkeydown事件,要想办法让div获取焦点,获取焦点的方式就是添加tabIndex属性,tabIndex属性的值决定了当按下tab键的时候获取焦点的顺序
// 获取元素
var box = document.getElementById("box");

// 添加onkeydown事件
box.onkeydown = function(){
console.log("键盘按下了");
}

UMR52F.png

点击查看

本文标题:六、尝试给div添加onkeydown事件

文章作者:Mango

发布时间:2020年07月13日 - 23:16:08

最后更新:2020年07月14日 - 13:27:10

原始链接:https://mango185.github.io/post/3ab94403.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------