Блог

Итак, я хочу вызвать функцию при нажатии клавиши пробела на странице. Единственная проблема заключается в том, что функция НЕ может быть вызвана, если она сфокусирована на панели ввода. Есть идеи о том, как это сделать?

Этот код работает, но по-прежнему запускает функцию при фокусировке на панели ввода

 $(document).keydown(function(e){
    if (e.keyCode==32) {
     stopplay();
    }
});
  

обновите это:

 if (e.keyCode==32 amp;amp; !$(e.target).is(':input')) {
 stopplay();
}
  

:input удобно, если у вас есть другие элементы ввода, такие как select, textarea etc , он выбирает все элементы ввода.

ДЕМОНСТРАЦИЯ

Используйте event.stopPropagation() метод, чтобы предотвратить пузырение keydown.

 $(':input').keydown(function(e){
    e.stopPropagation();
});
  

Обновить:

Если вам нужно применить вышеуказанное к другим элементам ввода, используйте $(':input') селектор.

Ну, вы можете посмотреть, где возникло событие:

 $(document).keydown(function(e){
    if(!$(e.target).is("input")) {
        // it's NOT from an input!
    }
});
  

Используйте этот код

 $(document).keydown(function(e){
    if (e.keyCode==32 amp;amp; !$(e.target).is("input")) {
     stopplay();
    }
});