Answers:
(1)设置tabindex
属性:
<div id="mydiv" tabindex="0" />
(2)绑定到按键:
$('#mydiv').on('keydown', function(event) {
//console.log(event.keyCode);
switch(event.keyCode){
//....your actions for the keys .....
}
});
要把重点放在开始上:
$(function() {
$('#mydiv').focus();
});
要删除(如果您不喜欢)div
焦点边框,请outline: none
在CSS中进行设置。
有关更多可能性,请参见键码表keyCode
。
假设您使用jQuery的所有代码。
#这是纯JS上的示例:
document.querySelector('#myDiv').addEventListener('keyup', function (e) {
console.log(e.key)
})
#myDiv {
outline: none;
}
<div
id="myDiv"
tabindex="0"
>
Press me and start typing
</div>