Mouseover/MouseOut jquery

Question

我意识到这个问题应该是多么简单的答案，但我正在用药雾，答案是逃避我。

我想把它变成一个简单的函数来显示特定的文本，如果文本框的值在鼠标悬停时为空并在鼠标悬停时清空文本值。

我有什么权利，现在的作品，但非常难看：

$(".disappearOnClick").live('mouseover',function() {  
      if($(this).val() === 'BFA Offset') { 
       $(this).val('') 
      } 
     }); 

    $(".disappearOnClick").live('mouseout',function() { 
      if($(this).val() === '') { 
       $(this).val('BFA Offset') 
      } 
     }); 

Answer 1

您可以绑定到使用live()方法多个事件 - 所以你可以使用类似这样 - >

$('.disappearOnClick').live('mouseover mouseout', function(event) { 
    if (event.type == 'mouseover') { 
    if($(this).val() === 'BFA Offset') { 
      $(this).val(''); 
     } 
    } else { 
    if($(this).val() === '') { 
      $(this).val('BFA Offset'); 
     } 
    } 
}); 

Answer 2

$(".disappearOnClick").mouseover(function(){...}); 

和

$(".disappearOnClick").mouseout(function(){...}); 

将工作一样好。

Answer 3

试试这个：

$(".disappearOnClick").mouseenter(function (this) { 
    if ($('#'+this.id).val() == 'BFA Offset') 
     $('#'+this.id).val('') 
}).mouseleave(function (this) { 
    if ($('#'+this.id).val() == '') 
     $('#'+this.id).val('BFA Offset') 
}); 

Answer 4

您应该使用hover代替：

$(".disappearOnClick").hover(
    function(){ 
     //mouseover 
    }, 
    function(){ 
     //mouseout 
    } 
); 

Answer 5

你可以尝试这样的事情（你当然可以改变对焦点/模糊事件，鼠标事件）：

http://jsfiddle.net/BD7JA/2/

// <input value="BFA Offset" data-placeholder="BFA Offset" class="is-placeholder" /> 

$('[data-placeholder]').on({ 
    focus: function (evt) { 
    if ($(this).hasClass('is-placeholder')) { 
     $(this).val(''); 
     $(this).removeClass('is-placeholder'); 
    } 
    }, 
    blur: function (evt) { 
    if ($(this).val() === '') { 
     $(this).val($(this).data('placeholder')); 
     $(this).addClass('is-placeholder'); 
    } 
    } 
});