javascript搜索框点击文字消失失焦时文本出现


Posted in Javascript onSeptember 18, 2014

当获焦时,文本消失,失焦时文本出现

<!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>
Javascript 相关文章推荐
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
Apr 29 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
在vue中使用jointjs的方法
Mar 24 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
输入框过滤非数字的js代码
Sep 18 #Javascript
小结Node.js中非阻塞IO和事件循环
Sep 18 #Javascript
JavaScript将取代AppleScript?
Sep 18 #Javascript
Javascript MVC框架Backbone.js详解
Sep 18 #Javascript
JS回调函数的应用简单实例
Sep 17 #Javascript
js实现在同一窗口浏览图片
Sep 17 #Javascript
js实现获取焦点后光标在字符串后
Sep 17 #Javascript
You might like
一个好用的分页函数
2006/11/16 PHP
PHP 开发环境配置(测试开发环境)
2010/04/28 PHP
php与paypal整合方法
2010/11/28 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
浅谈socket同步和异步、阻塞和非阻塞、I/O模型
2016/12/15 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
2013/09/22 Javascript
jquery统计复选框选中示例
2013/11/05 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
深入理解vue中的$set
2017/06/01 Javascript
JS实现多张图片预览同步上传功能
2017/06/23 Javascript
Bootstrap一款超好用的前端框架
2017/09/25 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
vue h5移动端禁止缩放代码
2019/10/28 Javascript
python更新列表的方法
2015/07/28 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
Python列表对象实现原理详解
2019/07/01 Python
python pickle存储、读取大数据量列表、字典数据的方法
2019/07/07 Python
python获取百度热榜链接的实例方法
2020/08/25 Python
python3从网络摄像机解析mjpeg http流的示例
2020/11/13 Python
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
劳动实践课感言
2014/02/01 职场文书
客户付款通知书
2015/04/23 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
广播体操比赛主持词
2015/06/29 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
Python实现智慧校园自动评教全新版
2021/06/18 Python