Check to see if any Input elements are in focus

Question

I have a jquery script that displays a div when any key on the keyboard is pressed. I'd like to add a condition to the script that will only run the script if no other input area (textarea or texfields) are in focus on the page. That way you can actually type on the rest of the page without showing the div.

$(document).on('keydown', function (e) {
    if (!$('#test').is(':visible')) {
        //######## IF (every input is not active....) {
        if (65 <= e.keyCode && e.keyCode <= 90) {
            $(elem).fadeIn();
            $('#textarea').val('');
            $('#textarea').focus();
            $('#textarea').val(temp);
        }
    }
});

Thanks. I can give every other textarea on the page the same ID if that is necessary.

Answer 1

Use jQuery's focus pseudoselector

if ( $('input:focus').length > 0 ) {  return; }

Or for your code example

if ( $('input:focus').length == 0) { ... }

Answer 2

You can use jQuery's .is() and document.activeElement like this.

var targetInput = $('#myInput');

if(!targetInput.is(document.activeElement)) {
    alert('Typed while not focused on #myInput!');
}

JSFiddle