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 流畅动画实现原理
Sep 08 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
Aug 25 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
Vue2.0生命周期的理解
Aug 20 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 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
php flush类输出缓冲剖析
2008/10/19 PHP
ajax实现无刷新分页(php)
2010/07/18 PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
2018/05/28 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
详解Vuejs2.0 如何利用proxyTable实现跨域请求
2017/08/03 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
2017/11/22 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
Python sqlite3事务处理方法实例分析
2017/06/19 Python
对Python的zip函数妙用,旋转矩阵详解
2018/12/13 Python
python仿抖音表白神器
2019/04/08 Python
详解Python 函数如何重载?
2019/04/23 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
局域网定义和特性
2016/01/23 面试题
优秀党员主要事迹
2014/01/19 职场文书
放飞蜻蜓反思
2014/02/05 职场文书
安卓程序员求职信
2014/02/28 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
南湾猴岛导游词
2015/02/09 职场文书
青岛导游词
2015/02/12 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript