js 焦点事件
-
onfocus：获取焦点
-
onblur：失去焦点
-
<!DOCTYPE html>
-
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
用户名：<input name="username" value="请输入用户名"/>
</body><script>
var oInput=document.getElementsByName('username')[0]
oInput.οnfοcus=function(){
if(this.value=='请输入用户名'){
this.value=''
}
}
oInput.οnblur=function(){
if(this.value==''){
this.value='请输入用户名'
}
}
</script>
</html> -
-
效果：点击输入框：请‘’输入用户名消失‘’，点击旁边空白处‘’输入用户名消失‘’再次出现