Заполните ввод, когда пользователь оставил его пустым

Question

Im работает над простым кодом, который заполнит ввод, когда пользователь оставит его пустым.

JQuery:

$(function(){ 
    $('#polewyszukiwarki').click(function(){ 
     $(this).val(''); 
     $('#polewyszukiwarki').keypress(function(){ 
      $(this).css('color', 'black'); 
     }); 
    }); 



    //THIS PART DOESNT WORK 
    $('#polewyszukiwarki').mouseout.click(function(){ 

    if($('#polewyszukiwarki').val() == ''){ 
     $(this).css('color', '#d0d0d0'); 
      $(this).val('Wpisz nazwę filmu');  
    } 

    }); 

}); 

.mouseout.click не работает так, как я могу проверить, если пользователь отказаться от заполнения ввода?

Answer 1

Вы можете сделать это с помощью .focusout():

$('#polewyszukiwarki').focusout(function() { 
    if ($.trim(this.value) == '') { 
     $(this).css('color', '#d0d0d0'); 
     $(this).val('Wpisz nazwę filmu'); 
    } 
}); 

Fiddle Demo

Answer 2

Использование .blur

$('#polewyszukiwarki').blur(function() 

Вы также можете проверить значение с this.value, а не создать идентичную селектор внутри этой функции.