Jquery 当用户将输入留空时填充输入

我正在编写简单的代码，当用户将输入留空时，它将填充输入

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.单击

无效，如何检查用户是否放弃填充输入？

使用

.blur

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

您也可以使用

this.value检查值，而不是在该函数中创建相同的选择器。
您可以使用以下方法执行此操作：

我只需将占位符添加到此输入中，而无需jquery；）你为什么要填写它？
$('#polewyszukiwarki').focusout(function () {
    if ($.trim(this.value) == '') {
        $(this).css('color', '#d0d0d0');
        $(this).val('Wpisz nazwę filmu');
    }
});