JQuery的意見或建議，新的替代解決方案

Question

是否有這樣做

$("#<%=Text_Name.ClientID%>").mouseleave(function() { 
    var t_name = this.value; 

    if (t_name == "") { 
     $(this).val("Name"); 
     $("#<%=Text_Name.ClientID%>").addClass("grey_add"); 
     $("#<%=Text_Name.ClientID%>").removeClass("black_add"); 
    } 
}); 

一個更好的方式，當你在滾動出它離開它返回到您"Name"文本框的這段代碼的作用是。

關於使用這種技術的一個騙局是，當用戶將鼠標移出文本框時，它會在用戶輸入時填充某些內容。

Answer 1

這與jQuery很簡單，看看這個：

HTML

<input type="text" id="myInput" value="Name" /> 

jQuery的

$(function() { 
    $('#myInput').focusin(function() { 
     $(this).val(''); 
    }); 

    $('#myInput').focusout(function() { 
     $(this).val('Name'); 
     $(this).css('background-color', '#ccc'); 
    }); 
}); 

這裏去jsFiddle。 無需插件或許多代碼。

Answer 2

$("#<%=Text_Name.ClientID%>").blur(function() { 
    var t_name = this.value; 

    if (t_name == "") { 
     $(this).val("Name"); 
     $("#<%=Text_Name.ClientID%>").addClass("grey_add"); 
     $("#<%=Text_Name.ClientID%>").removeClass("black_add"); 
    } 
}); 

此事件，當你專注於別的東西，這是在堆棧溢出的右上角的文本框可能使用情況。

Answer 3

<input name="search" placeholder="<%=Text_Name.ClientID%>"/> 

no javascript needed。

Answer 4

你可以看看水印插件我張貼約在這裏：

Custom jQuery plugin return val()

只要編輯它是mouseover/mouseout而不是在focus/blur。

jsFiddle edited to show mouseover/mouseout