Javascript 如何使用键盘快捷键与div交互？

是否可以使用键盘快捷键来操作div，我正在开发一个项目，供老年人使用，他们不与鼠标交互，我可以使用键盘快捷键单击div并打开其内容吗

只要按键，如何使用事件

触发器

keydown = ctrl+g

---

您可以使用

keyup

事件：

$(function() {
  $(document).on('keyup', function(e) {
    if (e.ctrlKey && e.key == 'g') {
      e.preventDefault();
      var $output = $('<span/>').text('You typed ctrl+g.');
      $('body').append($output).append('<br/>');
    }
  });
});

$（函数（）{
$（文档）.on（'keyup'，函数（e）{
如果（e.ctrlKey&&e.key=='g'）{
e、 预防默认值（）；
var$output=$（''）.text（'您键入了ctrl+g'。）；
$（'body'）.append（$output）.append（'
'）；
}
});
});

至于干扰浏览器键盘快捷键，在某些情况下是可能的。您可以围绕它设计快捷方式（

Ctrl+Shift

等）

---

对于您的用例，您只需替换

if（e.ctrlKey&&e.key=='g'）{…}

中的代码，以选择合适的

并展开它。

您只需使用

keyup

事件并收听任何您想要的快捷方式即可

$("#div").keyup(function(e){ 
  if(e.ctrlKey && e.key == 'g') { //could be anything 13 for example
    alert("this is test");
});

---

注意：我编写的这个事件处理程序仅用于div操作，如果要为整个页面添加，可以使用

$（document）

是，这是可能的。您尝试过什么？您只需使用$（“#div”）.keyup（函数（e）{if（e.target==13）alert（“这是enter”）；}）并收听您想要的快捷方式。这就是你在问题中的意思吗？我不知道如何在不干扰浏览器快捷方式的情况下使用它。@msoliman是的。correct@VMomesso如果它帮助您在

文档上执行此操作，我可以将其作为一个答案发布，因为如果没有输入，这将不会在目标div上触发it@Plotisateur是的，你是对的，但是我写的问题是关于一个div，这意味着它有一些控制。谢谢你的来信