javascript 获取焦点和失去焦点事件
Posted 篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 获取焦点和失去焦点事件相关的知识，希望对你有一定的参考价值。 利用传参的方式提高方法的复用性 这里涉及到javascript的字符串拼接操作 以上是关于javascript 获取焦点和失去焦点事件的主要内容，如果未能解决你的问题，请参考以下文章 JavaScript焦点处理（获取焦点focus()失去焦点blur()） </tr>
<<tr height="40px">
<td>
用户名
</td>
<td>
<font color="red">*<input type="text" name="user" size="32px" id="user"
onfocus="showTips(‘user‘,‘用户名必须填！‘)" onblur="checkuser(‘user‘,‘用户名不能为空‘)"/>
<span id="userspan"></span></font>
</td>
</tr>
<tr height="40px">
<td>
密码
</td>
<td>
<font color="red">*<input type="password" name="password" id="password" size="32px"
onfocus="showTips(‘password‘,‘密码必须填！‘)" onblur="checkuser(‘password‘,‘密码不能为空‘)"/>
<span id="passwordspan"></span></font>
</td>
</tr>
<script>
function showTips(id,info){
document.getElementById(id+"span").innerhtml="<font color=‘gray‘>"+info+"</font>"
}
function checkuser(id,info){
//1.获取用户输入的用户名数据
var uValue=document.getElementById(id).value;
//2.进行效验
if(uValue==""){
document.getElementById(id+"span").innerHTML="<font color=‘gray‘>"+info+"</font>"
}else{
document.getElementById(id+"span").innerHTML=""
}
}
</script>