jquery - 当用户将其留空时填充输入

Question

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

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

采用.blur

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

您还可以使用 来检查值this.value，而不是在该函数中创建相同的选择器。

Answer 2

您可以使用以下方法执行此操作.focusout()：

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

小提琴演示