У меня есть это...
$(document).keypress(function(e) {
if ( e.keyCode === 119 ) // w
doSomething();
});
Wo при нажатии "w" на моем документе срабатывает функция doSomething(). Как я могу предотвратить его запуск при вводе текста (в фокусе) в поле input или textarea?
Вам нужно будет отфильтровать элементы после события, а не в селекторе, например
$(document).on('keypress', function(e) {
var tag = e.target.tagName.toLowerCase();
if ( e.which === 119 && tag != 'input' && tag != 'textarea')
doSomething();
});
это проверяет тэг event.target, элемент, из которого возникло событие, и только запускает функцию, если событие не произошло из ввода или текстового поля.
Если ваш обработчик событий привязан к document, событие будет уже поднято на элементе ввода и заштриховано до элемента html, поэтому вам придется обрабатывать исключение в коде самого обработчика. Альтернативой является конкретное связывание второго обработчика входных элементов, который предотвращает пузырьковое событие, но это, вероятно, не правильный подход.
$(function() {
$(document).keypress(function(e) {
if ($(e.target).is('input, textarea')) {
return;
}
if (e.which === 119) doSomething();
});
});
p.s. вы можете посмотреть документацию события события jQuery, чтобы узнать, какие свойства он предоставляет.
В jQuery e.which - нормализованное свойство, а не e.keyCode.
Чтобы проверить, не находитесь ли вы на входе, вы можете проверить document.activeElement:
$(document).keypress(function(e) {
if (e.which === 119 && !$(document.activeElement).is(":input,[contenteditable]")) {
doSomething();
}
});
Самое простое и идеальное решение:
$(document).keypress(function(e) {
if (e.which == 119 && !$(':focus').length) {
doSomething();
}
});