我有以下指令来捕获某些按键:
angular.module('app').directive('keyPress', function ($document) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
$document.bind('keyup', function (e) {
if (e.keyCode == 83){ // S key
element.focus();
};
if (e.keyCode == 27){ // ESC key
element.blur();
};
});
}
}
});
搜索框元素然后使用它通过 S
和 ESC
键来聚焦和聚焦:
<input type="text" class="form-control" placeholder="Search" key-press>
不幸的是,当在包含此搜索输入的页面上输入其他输入时,也会检测到按键并聚焦搜索框。有没有办法仅在不处于不同输入的焦点时捕获按键?
最佳答案
获取 event.target
您可以访问焦点元素,因此您可以检查焦点元素是否是输入。
$document.bind('keyup', function (event) {
if(event.target.type === 'input') {
return;
}
if (event.keyCode == 83){ // S key
element.focus();
};
if (event.keyCode == 27){ // ESC key
element.blur();
};
});
关于javascript - 在输入内部键入内容时忽略按键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45995448/