日期:2014-05-16  浏览次数:20348 次

Jquery 文本内容的显示
<span><input  class="SearLog" type="text" value="用户名"/></span>



$username.focus(function(){
$username.val("");
});


$username.blur(function(){
$username.val("用户名");
});





当鼠标位于输入框时 输入框内容为空,当鼠标离开、且没有输入任何内容时,输入框中的内容为“用户名”,当鼠标离开,且有内容输入“yupandad@sina.com”时,输入框中的内容为输入的内容,(即“yupandad@sina.com”),
 以上Javascript中代码当鼠标离开时,内容就是“用户名”
JavaScript 鼠标 HTML

------解决方案--------------------

------解决方案--------------------
$username.blur(function(){
    if($username.val()==""){
        $username.val("用户名");
    }
});
------解决方案--------------------
<input  class="SearLog" type="text" value="用户名" onblur="if(this.value===''){value='yupandad@sina.com'};" onfocus="if(this.value==='yupandad@sina.com'){value='';}">
------解决方案--------------------

$username.focus(function(){
if($username.val()=="用户名")
$username.val("");
});
$username.blur(function(){
if($username.val()=="")
$username.val("用户名");
});  

------解决方案--------------------
可以来我的博客看下jquery的快速排序那个文章,你有想要的那个效果,用jquery的链式写法比较好点
------解决方案--------------------
引用:
<span><input  class="SearLog" type="text" value="用户名"/></span>



$username.focus(function(){
$username.val("");
});


$username.blur(function(){
$username.val("用户名");
});





当鼠标位于输入框时 输入框内容为空,当鼠标离开、且没有输入任何内容时,输入框中的内容为“用户名”,当鼠标离开,且有内容输入“yupandad@sina.com”时,输入框中的内容为输入的内容,(即“yupandad@sina.com”),
 以上Javascript中代码当鼠标离开时,内容就是“用户名”




$username.focus(function(){
        $username.val("");//当鼠标位于输入框时 输入框内容为空,
});

//当鼠标离开事件
$username.blur(function(){
且没有输入任何内容时,输入框中的内容为“用户名
    if($username.val()=="") 
        $username.val("用户名");
 //且有内容输入“yupandad@sina.com”时 ,  在这里不做处理就可以了。
     

}); 
4楼的代码就可以了,我只是加一些注释让你更加明白些。
------解决方案--------------------




引用:
Quote: 引用:

<span><input  class="SearLog" type="text" value="用户名"/></span>