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库 pj介绍
Dec 19 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
AngularJS 指令详细介绍
Jul 27 Javascript
Vue.JS入门教程之自定义指令
Dec 08 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
Sep 21 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
Mar 07 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 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
基于linnux+phantomjs实现生成图片格式的网页快照
2015/04/15 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
2016/03/07 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
jQuery EasyUI封装简化操作
2016/09/18 Javascript
Move.js入门
2017/02/08 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
Python Django搭建网站流程图解
2020/06/13 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
学校三八妇女节活动情况总结
2014/03/09 职场文书
校庆标语集锦
2014/06/25 职场文书
先进教师事迹材料
2014/12/16 职场文书
锅炉工岗位职责
2015/02/13 职场文书
公路施工安全责任书
2015/05/08 职场文书
上诉答辩状范文
2015/05/22 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL