防止在选择输入框时触发键盘事件

Question

我有一个事件，我想在每当触发R或SPACE被按下时，除了在输入字段中时。

具体而言，我很担心<input id='nameInput' type='text'>，我在动态创建时点击div并删除onchange/onblur。这就是为什么我试图检查if(!$('#nameInput'))，但$('#nameInput')是一个jQuery对象，所以它的布尔值总是true（因此!$('#nameInput') == false）。

$(window).bind('keyup', 
    function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 32 || code == 82){ 
     if(!$('#nameInput')){ 
     roll(); 
     } 
    } 
    } 
); 

我有利用在输入字段的聚焦状态越来越设置一个全局布尔变量的解决方案，但我想这并不需要一个全局变量，如果有可能的解决方案。

有没有方法可以确定哪些元素当前有焦点？

Answer 1

您可以使用document.activeElement来了解当前有哪些焦点。

if (!$(document.activeElement).is('input, textarea')) { 
    roll(); 
} 

您还可以使用:focus选择器。

if (!$(':focus').is('input, textarea')) { 
    roll(); 
}