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 函数集合
Jun 11 Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
Nov 21 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
全面解析bootstrap格子布局
May 22 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
基于javascript处理nginx请求过程详解
Jul 07 Javascript
vue将文件/图片批量打包下载zip的教程
Oct 21 Javascript
关于uniApp editor微信滑动问题
Jan 15 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动态创建Web站点的方法
2011/08/14 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
php银联网页支付实现方法
2015/03/04 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
PHP的介绍以及优势详细分析
2019/09/05 PHP
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
使用Angular CLI从蓝本生成代码详解
2018/03/24 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
2019/10/14 Javascript
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
Python搜索引擎实现原理和方法
2017/11/27 Python
Django框架实现的普通登录案例【使用POST方法】
2019/05/15 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
pyspark 随机森林的实现
2020/04/24 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
工程力学硕士生的自我评价范文
2013/11/16 职场文书
寄语十八大感言
2014/02/07 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
指导老师鉴定意见
2015/06/05 职场文书
学校运动会加油词
2015/07/18 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
redis实现排行榜功能
2021/05/24 Redis