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 构造函数 面相对象学习必备知识
Jun 09 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
javascript连续赋值问题
Jul 08 Javascript
javascript中错误使用var造成undefined
Mar 31 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
Angular进行简单单元测试的实现方法实例
Aug 16 Javascript
js判断两个数组相等的5种方法
May 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
奉献出一个封装的curl函数 便于调用(抓数据专用)
2013/07/22 PHP
php实现12306余票查询、价格查询示例
2014/04/17 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
php将文件夹打包成zip文件的简单实现方法
2016/10/04 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
关于JavaScript的一些看法
2009/05/27 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
js中使用使用原型(prototype)定义方法的好处详解
2016/07/04 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
2019/05/16 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
vuex的使用步骤
2021/01/06 Vue.js
[07:06]2018DOTA2国际邀请赛寻真——卫冕冠军Team Liquid
2018/08/10 DOTA
python连接字符串的方法小结
2015/07/13 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
内部类的定义、种类以及优点
2013/10/16 面试题
职位说明书范文
2014/05/07 职场文书
二年级学生期末评语
2014/12/26 职场文书
房租涨价通知
2015/04/23 职场文书
借款民事起诉状范文
2015/05/19 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
Python实现学生管理系统(面向对象版)
2021/06/24 Python
Python Matplotlib库实现画局部图
2021/11/17 Python
python index() 与 rindex() 方法的使用示例详解
2022/12/24 Python