javascript中blur和focus事件应用

为了界面的美观，有些时候可能需要为文本框(TextBox)装饰个水印；它有两种状态，一是blur和focus。

Javascript写两个事件： 

 

<script type="text/javascript"> 
var watermarkText = "输入名称"; 
function WaterMarkOnBlur(textbox) { 
  if (textbox.value.length == 0) { 
    textbox.style.color = "gray"; 
    textbox.value = watermarkText; 
  } 
} 
function WaterMartOnfocus(textbox) 
{ 
  if (textbox.value == watermarkText) { 
    textbox.style.color = "black"; 
    textbox.value = ""; 
  } 
} 
</script> 

在TextBox应用这两个Javascript事件： 

<asp:TextBox ID="TextBox1" runat="server" Text="输入名称" ForeColor="Gray"
 onblur="WaterMarkOnBlur(this);" onfocus="WaterMartOnfocus(this);"> 
</asp:TextBox>