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面向对象之Prototypes和继承
Jul 12 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
AngularJS 模块化详解及实例代码
Sep 14 Javascript
BootStrap 模态框实现刷新网页并关闭功能
Jan 04 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
vue自动化表单实例分析
May 06 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
手把手教你如何编译打包video.js
Dec 09 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中Object对象的笔记分享
2011/06/28 PHP
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
php&amp;mysql 日期操作小记
2012/02/27 PHP
PHP 透明水印生成代码
2012/08/27 PHP
PHP 图片水印类代码
2012/08/27 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
php 防止表单重复提交两种实现方法
2016/11/03 PHP
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
JavaScript Serializer序列化时间处理示例
2014/07/31 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
NodeJS学习笔记之Connect中间件应用实例
2015/01/27 NodeJs
分享网页检测摇一摇实例代码
2016/01/14 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
2019/03/02 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
SpringBoot在yml配置文件中配置druid的操作
2020/11/16 Javascript
用Python编写一个国际象棋AI程序
2014/11/28 Python
python中字典(Dictionary)用法实例详解
2015/05/30 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
2015秋季田径运动会广播稿
2015/08/19 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript
MySQL数据库完全卸载的方法
2022/03/03 MySQL
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server