当按下快捷键时，使用angular将焦点放在select标签上

When a shortcut key is pressed focus on select tag using angular

本文关键字：焦点 select 标签 angular 快捷键 使用      更新时间：2023-09-26

我想让我的快捷键(shift + c)专注于表单的选择标签，当我按下它，就像标签是如何工作的，当它按下

在我的html中，我有这个表单select tag

  
<select id="myOptions">
  <option selected> Options</option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

这里是脚本，我试图集中在选择标签，但它不工作，甚至在我的控制台:

$document.on("keydown", function(event){
  if(event.shiftKey && event.keyCode === 67){
    angular.element(document.getElementById("myOptions")).focus()
    // a simple javascript does not focus it as well
    // document.getElementById("myOptions").focus()
  }
});

这对我来说很有效，使用jQuery:

$(document).on("keyup", function(event) {
  if (event.shiftKey && event.keyCode === 67) {
    document.getElementById("myOptions").focus();
  }
});

请注意末尾的);，这是您缺少的。

相关文章：