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中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
Javascript调用C#代码
Jan 17 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 Javascript
标题过长使用javascript按字节截取字符串
Apr 24 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
ES6的新特性概览
Mar 10 Javascript
静态页面html中跳转传值的JS处理技巧
Jun 22 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
Jan 14 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 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常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
加载jQuery后$冲突的解决办法
2010/07/09 Javascript
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
理解javascript回调函数
2014/12/28 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
Openlayers实现图形绘制
2020/09/28 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
python获取豆瓣电影简介代码分享
2014/01/16 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
Python调用adb命令实现对多台设备同时进行reboot的方法
2018/10/15 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
python中必要的名词解释
2019/11/20 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
如何使用Pytorch搭建模型
2020/10/26 Python
总结python 三种常见的内存泄漏场景
2020/11/20 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
工作表现评语
2014/01/19 职场文书
刊首寄语大全
2014/04/11 职场文书
商场父亲节活动方案
2014/08/27 职场文书
加强作风建设工作总结
2014/10/23 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers