Home > Article > Web Front-end > The text disappears when the javascript search box is clicked and the text appears out of focus_javascript skills

The text disappears when the javascript search box is clicked and the text appears out of focus_javascript skills

WBOYOriginal: 2016-05-16 16:36:091237browse

When the focus is achieved, the text disappears, and when the focus is lost, the text appears

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<input id="text" type="text" value="点我就消失"/>
<script>
var oText=document.getElementById("text");
var onoff=true;
oText.color="#000";
oText.onfocus=function(){
if(onoff){
this.value="";
this.color="red";
onoff=false;
}
}

oText.onblur=function(){
if(this.value==''){
this.color="#000";
this.value="点我就消失";
onoff=true;
}
}
</script>
</body>
</html>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：JS implementation of event response example of OCX control_javascript skillsNext article：JS implementation of event response example of OCX control_javascript skills

See more

The text disappears when the javascript search box is clicked and the text appears out of focus_javascript skills

Related articles