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 相关文章推荐
JS预览图像将本地图片显示到浏览器上
Aug 25 Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 Javascript
javascript继承机制实例详解
Nov 20 Javascript
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
vue插件实现v-model功能
Sep 10 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
Oct 29 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
Jan 19 Javascript
详解javascript中的Error对象
Apr 25 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
vue 动态表单开发方法案例详解
Dec 02 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
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输出xml格式字符串(用的这个)
2012/07/12 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
JavaScript中URL编码函数代码
2011/01/11 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
2013/05/31 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
2015/09/04 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
JS变量及其作用域
2017/03/29 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
Javascript 一些需要注意的细节(必看篇)
2017/07/08 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
js数组的基本使用总结
2021/01/18 Javascript
python数据清洗系列之字符串处理详解
2017/02/12 Python
Python 通配符删除文件的实例
2018/04/24 Python
python中如何进行连乘计算
2020/05/28 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
关于礼仪的演讲稿
2014/01/04 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
检察机关个人对照检查材料
2014/09/15 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
财务统计员岗位职责
2015/04/14 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang
电频谱管理的原则是什么
2022/02/18 无线电