Обнаружение элементов ввода текста в javascript

Question

В JavaScript я хотел бы обнаружить некоторые нажатия клавиш. Но я хочу игнорировать те нажатия клавиш, которые пользователь делает, набирая какую-то область ввода текста. Как я могу это достичь?

Я попытался

if (document.activeElement.nodeName == 'INPUT') { 
    return; 
} 
if (document.activeElement.nodeName == 'TEXTAREA') { 
    return; 
} 

, который работает в этих двух элементов; но, например, элемент электронной почты, входящий в состав Inbox от Gmail, представляет собой контейнер DIV. Я хочу исключить все активных DIVs, правда? Существуют ли другие элементы HTML, которые используются для получения ввода ключа? Есть ли какой-либо другой метод, который я мог упустить?

Answer 1

Прежде всего, я бы использовал jquery для нормализации ваших событий. Оттуда попробуйте провести тестирование $(event.target).is():

Вот пример, в котором есть div, где все события захватываются. События для <input> элементов игнорируются, а другие нет, в том числе событий для <textarea>:

$('#mydiv').keypress(function(event) { 
 
    if ($(event.target).is('input')) { 
 
    return true; 
 
    } else { 
 
    console.log('not an input box'); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="mydiv"> 
 
    <input> 
 
    <span>Spanning area</span> 
 
    <textarea></textarea> 
 
</div>