是否可以使用键盘快捷键来操作 div,我正在开发一个与老年人一起使用的元素,他们不与鼠标交互,我可以使用键盘快捷键来单击 div 并打开其内容?
如何使用事件trigger
只要按键被按下?
keydown = ctrl+g
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 alert alert-danger"><a href="">Open ctrl+g or click</a></div>
<div class="col-md-3 col-sm-3 alert alert-warning"><a href="">Open ctrl+d or click</a></div>
<div class="col-md-3 col-sm-3 alert alert-success"><a href="">Open ctrl+e or click</a></div>
<div class="col-md-3 col-sm-3 alert alert-info"><a href="">Open ctrl+i or click</a></div>
</div>
</div>
Can this impact browser shortcuts?
示例 ctrl+g
来自 google-chrome 的影响,不打开链接,打开到浏览器的搜索控制台
Or is there another form of accessibility use?
最佳答案
您可以简单地使用 keyup
事件并收听您想要的任何快捷方式。
$("#div").keyup(function(e){
if(e.ctrlKey && e.key == 'g') { //could be anything 13 for example
alert("this is test");
});
请注意我为 div 操作编写的这个事件处理程序,如果你想为整个页面添加你可以使用 $(document)
关于javascript - 如何使用键盘快捷键与 div 交互?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46966417/