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 处理事件绑定的一些兼容写法
Dec 24 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 Javascript
jquery专业的导航菜单特效代码分享
Aug 29 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
基于node.js实现微信支付退款功能
Dec 19 Javascript
JS检测浏览器开发者工具是否打开的方法详解
Oct 02 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 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
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
php mssql 数据库分页SQL语句
2008/12/16 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
twig里使用js变量的方法
2016/02/05 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
php进程间通讯实例分析
2016/07/11 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
Jquery选择器 $实现原理
2009/12/02 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
bootstrap PrintThis打印插件使用详解
2017/02/20 Javascript
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
微信小程序 冒泡事件原理解析
2019/09/27 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
python实现日常记账本小程序
2018/03/10 Python
python进行两个表格对比的方法
2018/06/27 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
pyecharts动态轨迹图的实现示例
2020/04/17 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
村优秀党员事迹材料
2014/01/15 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL