jQuery: keyPress Backspace не сработает? - PullRequest
Новая
       67

jQuery: keyPress Backspace не сработает?

175 голосов
/ 14 января 2011

Интересно, что я делаю неправильно: 

$(".s").keypress(function(e) {
   switch (e.keyCode) {
      case 8: // Backspace
      //console.log('backspace');
      case 9: // Tab
      case 13: // Enter
      case 37: // Left
      case 38: // Up
      case 39: // Right
      case 40: // Down
         break;

      default:
         doSearch();
   }
});

Я хочу, чтобы моя функция doSearch() также запускалась при нажатии клавиши Backspace .На данный момент абсолютно ничего не происходит, когда я нажимаю Backspace в Chrome и Safari.

Есть идеи?

Ответы [ 4 ]

300 голосов
/ 14 января 2011

Используйте keyup вместо keypress.Он получает все коды клавиш, когда пользователь что-то нажимает

31 голосов
/ 07 мая 2012

Я сталкивался с этим сам.Я использовал .on, поэтому он выглядит немного иначе, но я сделал это: 

 $('#element').on('keypress', function() {
   //code to be executed
 }).on('keydown', function(e) {
   if (e.keyCode==8)
     $('element').trigger('keypress');
 });

Добавление моей работы здесь.Мне нужно было удалить ssn, набранный пользователем, поэтому я сделал это в jQuery 

  $(this).bind("keydown", function (event) {
        // Allow: backspace, delete
        if (event.keyCode == 46 || event.keyCode == 8) 
        {
            var tempField = $(this).attr('name');
            var hiddenID = tempField.substr(tempField.indexOf('_') + 1);
            $('#' + hiddenID).val('');
            $(this).val('')
            return;
        }  // Allow: tab, escape, and enter
        else if (event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
        // Allow: Ctrl+A
        (event.keyCode == 65 && event.ctrlKey === true) ||
        // Allow: home, end, left, right
        (event.keyCode >= 35 && event.keyCode <= 39)) {
            // let it happen, don't do anything
            return;
        }
        else 
        {
            // Ensure that it is a number and stop the keypress
            if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) &&       (event.keyCode < 96 || event.keyCode > 105)) 
            {
                event.preventDefault();
            }
        }
    });
10 голосов
/ 07 июня 2013

Если вы хотите запустить событие только при изменениях ввода, используйте: 

$('.s').bind('input', function(){
  console.log("search!");
  doSearch();
});
1 голос
/ 15 января 2018

Согласно документации jQuery для .keypress (), он не перехватывает непечатаемые символы, поэтому backspace не будет работать при нажатии клавиш, но он перехватывается при keydown и keyup:

Событие нажатия клавиши отправляется элементу, когда браузер регистрирует ввод с клавиатуры. Это похоже на событие нажатия клавиш, за исключением того, что модификаторы и непечатаемые ключи, такие как Shift, Esc, и удаляют события нажатия клавиш запуска, но не события нажатия клавиш. Другие различия между этими двумя событиями могут возникать в зависимости от платформы и браузера. (https://api.jquery.com/keypress/)

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

jQuery(el).keydown( function() { 
    var that = this; setTimeout( function(){ 
           /** Code that processes backspace, etc. **/ 
     }, 100 );  
 } );
...