javascript搜索框点击文字消失失焦时文本出现
更新时间：2014年09月18日 17:23:02 投稿：whsnow
这篇文章主要介绍了javascript实现搜索框点击文字消失失焦时文本出现的效果，示例代码如下，大家可以看看
当获焦时,文本消失,失焦时文本出现
<!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>
相关文章
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。2008-04-04
Ajax，UTF-8还是GB2312 eval 还是execScript
讨厌的东西。 关于Ajax获取HTML内容编码，与JavaScript载入脚本的动态执行问题。2008-11-11
一种新的javascript对象创建方式Object.create()
这篇文章主要介绍了一种新的javascript对象创建方式Object.create()，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了js分页工具及其具体用法,包括js与css的详细实现代码与使用方法,需要的朋友可以参考下2015-01-01
这篇文章介绍了javascript间隔刷新的简单实例，有需要的朋友可以参考一下2013-11-11
javaScript Array（数组）相关方法简述，让大家更快的熟悉array数组的用法。2009-07-07
Package.js 现代化的JavaScript项目make工具
Package.js是一个很方便的JavaScript包依赖管理及Make工具。它的设计目标是使浏览器端的JavaScript Component/App 开发更加模块化2012-05-05
数组是一段线性分配的内存，它通过整数去计算偏移并访问其中的元素。数组是很快的数据结构，但不幸的是，Javascript并没有像这种数组一样的数据结构。2009-12-12
今天一个网友想让他的广告随机显示，每次刷新广告的内容都不一样，经过参考源码网站分析就是通过下面代码实现，特分享下方便需要的朋友2013-08-08
这篇文章主要介绍了javascript对JSON数据排序的3个例子的相关资料2014-04-04
最新评论