js操作输入框提示信息且响应鼠标事件


Posted in Javascript onMarch 25, 2014

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下:

html代码:

<input type="text" id="email" name="email" class="txt_input" value="请输入经常使用的邮箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>

js代码:
function fn_focus(ele){ 
if(ele.value == ele.defaultValue){ 
ele.value = ''; 
} 
} 
function fn_blur(ele){ 
var reg = /^[\s]*$/; 
if(reg.test(ele.value) || ele.value == ele.defaultValue){ 
ele.value = ele.defaultValue; 
} 
}
Javascript 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
通过JAVASCRIPT读取ASP设定的COOKIE
Feb 15 Javascript
用jQuery简化JavaScript开发分析
Feb 19 Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
jquery动态更换设置背景图的方法
Mar 25 #Javascript
jquery队列queue与原生模仿其实现方法分享
Mar 25 #Javascript
jquery下拉select控件操作方法分享(jquery操作select)
Mar 25 #Javascript
jquery的each方法使用示例分享
Mar 25 #Javascript
提取jquery的ready()方法单独使用示例
Mar 25 #Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 #Javascript
jquery解析xml字符串示例分享
Mar 25 #Javascript
You might like
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
Centos7 中 Node.js安装简单方法
2016/11/02 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
Python数据结构之翻转链表
2017/02/25 Python
Python2和Python3中print的用法示例总结
2017/10/25 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
Python制作exe文件简单流程
2019/01/24 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
CSS3实现点击放大的动画实例代码
2017/02/27 HTML / CSS
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
Ray-Ban雷朋瑞典官方网站:全球领先的太阳眼镜品牌
2019/08/22 全球购物
extern在函数声明中是什么意思
2014/01/19 面试题
物业客服专员岗位职责
2013/11/30 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
护士心得体会范文
2016/01/25 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers