Событие ввода jQuery, запущенное на placeholder в IE

Question

У меня есть поле ввода с привязанным к нему событием input (через jQuery). Это событие должно запускаться каждый раз, когда изменяется входное значение. Я добавил заполнитель, чтобы сообщить пользователю, для чего это поле ввода.

Если пользователь нажимает на это поле ввода, то событие input НЕ должно быть запущено (значение фактически не изменяется, просто местозаполнитель исчезает). Он отлично работает в Firefox или Chrome, но не в IE.

Как я могу избежать такого поведения?

Для лучшего понимания моей проблемы на jsfiddler

Answer 1

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

Например:

$(document).ready(function() { 
    var $input = $("#input"); 
    var $msg = $("#msg"); 
    var old_value = $input.val(); 
    $input.on("input", function() { 
     var new_value = $input.val(); 
     if (new_value !== old_value) { 
      // The actual work we want to perform when the field *really* changes. 
      $msg.text(new_value.length); 
      old_value = new_value; 
     } 
    }); 
}); 

Это предотвращает действует, когда поле не меняется.

Answer 2

попробуйте добавить это к входному событию:

if($(this).val() == $(this).get(0).defaultValue) return;