Отменить событие onBlur в JavaScript?

Question

Я хочу установить событие onBlur для элемента input , которое проверяет значение и, если оно недопустимо, «отменяет» размытие и перефокусирует ввод.Однако возврат false из onBlur не отменяет onBlur , как это происходит с onClick .Есть ли решение для этого (возможно, с использованием jQuery?)

Answer 1

Я не знаю ни одного надежного кросс-браузерного способа сделать это. Обычно устанавливается небольшой тайм-аут в событии onblur и вызывается focus(), когда срабатывает таймер.

Например:

document.getElementById('your_input_id').onblur = function() {
  var self = this;
  setTimeout(function() { self.focus(); }, 10);
}

Answer 2

Вы можете позвонить focus() в обработчике.
Это иногда поможет.

Answer 3

Вы можете сделать это, используя функцию jQuery focus() в течение нуля секунды. Вот пример:

$('#my_input').bind('blur', function(event) {
   var $input = $(this);
   var is_input_valid = false;

   // Code to determine if input is valid
   // ...

   if (!is_input_valid) {
      setTimeout(function() {
        $input.focus();
      }, 0);
      return false;
   }

});