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');
    }
});

Fiddle Demo

当用户将其留空时填写输入

2 个答案: