Javascript 如何有一个页面支持键入键盘启动模式？
这将推出一款jupyter笔记本电脑 加载页面时 输入h将启动一个模式（“键盘快捷键”） 键入f，将启动另一个模式“查找并替换” 如何有一个页面支持键入键盘启动模式 这给了莫代尔一些灵感 并给出关于单个元素的示例，尽管我要求的是一种在整个页面上侦听按键事件的方法 问题 这是我的代码，它试图监听任何按键Javascript 如何有一个页面支持键入键盘启动模式？,javascript,jquery,html,bootstrap-modal,Javascript,Jquery,Html,Bootstrap Modal,这将推出一款jupyter笔记本电脑 加载页面时 输入h将启动一个模式（“键盘快捷键”） 键入f，将启动另一个模式“查找并替换” 如何有一个页面支持键入键盘启动模式 这给了莫代尔一些灵感 并给出关于单个元素的示例，尽管我要求的是一种在整个页面上侦听按键事件的方法 问题 这是我的代码，它试图监听任何按键 <!DOCTYPE html> <html> <head> <script> i = 0; $(do
<!DOCTYPE html>
<html>
<head>
<script>
i = 0;
$(document).querySelector('#myDiv').addEventListener('keyup', function (e) {
$("span").text(i += 1);
})
</script>
</head>
<body>
<div class="container" id="mydiv" tabindex="0">
<p>Keypresses: <span>0</span></p>
</div>
</body>
</html>
i=0；
$（document）.querySelector（'#myDiv'）.addEventListener（'keyup'，函数（e）{
$（“span”）。文本（i+=1）；
})
按键：0
如何使这段代码工作？也许你应该试试这个
document.addEventListener('keyup', function (event) {
if (event.defaultPrevented) {
return;
}
var key = event.key || event.keyCode;
console.log(key); // which "key" is the key you clicked on
// Then you should test which key is clicked so you can do whatever you want like so
if(key == 'Esc'){
//Do the magic
}
});
您未正确连接事件。使用jQuery，使用
on（）
i=0；
$（文档）.on（'keyup'，'#mydiv'，函数（e）{
$（“span”）。文本（i+=1）；
})
按键：0
“#mydiv”$（document）.on（'keyup'，函数（e）{keypress