文本框得到焦点，并清空文本框内容

第一种、得到焦点，并清空文本框内容

<script>

function cls(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

     //如果当前值为默认值，则清空

if(value==defaultValue) value=""

}

function res(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为空，则重置为默认值

if(value=="") value=defaultValue

}

</script>

<input value="填写您的昵称" onfocus="cls()" onblur="res()">

<input value="填写您的生日(1900-01-01)"

onfocus="cls()" onblur="res()">

 

第二种、得到焦点，并清空文本框内容

<script type="text/javascript">

function OnEnter(field)

{   

    field.focus();

     if(field.value == field.defaultValue)

     {   

         field.value = ""; 

     }

     }

     function OnExit(field)

     {   

     if(field.value == "")

     {   

          field.value = field.defaultValue;   

      }  

      field.focus();

      }

</script>

<input type=text value="预设文字" onmouseover="this.focus(); OnEnter(this)" onmouseout="this.blur(); OnExit(this)">

转载于:https://www.cnblogs.com/yanwei_china/archive/2009/06/22/1508043.html