示例:
当把光标移动到第一个文本框内时,有如下效果:
主要jQuery代码:
<!–引入jQuery–>
<script type=”text/javascript” src=”./scripts/jquery.js”></script>
<script type=”text/javascript”>
$(function(){
$(“#username”).focus(function(){
if($(this).val()==”请输入用户名”){
$(this).val(“”);
}
})
$(“#username”).blur(function(){
if($(this).val()==””){
$(this).val(“请输入用户名”);
}
})
$(“#password”).focus(function(){
if($(this).val()==”请输入用户密码”){
$(this).val(“”);
}
})
$(“#password”).blur(function(){
if($(this).val()==””){
$(this).val(“请输入用户密码”);
}
})
})
</script>
html代码:
<input type=”text” id=”username” value=”请输入用户名” />
<input type=”text” id=”password” value=”请输入用户密码” />
<input type=”button” value=”登录”/>
转载请注明:XAMPP中文组官网 » blur和focus事件的应用