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 相关文章推荐
javascript:void(0)的真正含义实例分析
Aug 20 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 Javascript
vue 虚拟dom的patch源码分析
Mar 01 Javascript
浅析JS中什么是自定义react数据验证组件
Oct 19 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
jQuery 选择方法及$(this)用法实例分析
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+curl 发送图片处理代码分享
2015/07/09 PHP
PHP文件操作详解
2016/12/30 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
php服务器的系统详解
2019/10/12 PHP
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
对table和ul实现js分页示例分享
2014/02/24 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
jquery处理页面弹出层查询数据等待操作实例
2015/03/25 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
Python实现线程池代码分享
2015/06/21 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
pyecharts绘制中国2020肺炎疫情地图的实例代码
2020/02/12 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
opencv 阈值分割的具体使用
2020/07/08 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
HTML5里autofocus自动聚焦属性使用介绍
2016/06/22 HTML / CSS
Java中会存在内存泄漏吗,请简单描述
2016/12/22 面试题
教师评优事迹材料
2014/01/10 职场文书
《两个铁球同时着地》教学反思
2014/02/13 职场文书
新手上路标语
2014/06/20 职场文书
党支部遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
个人廉政承诺书
2015/04/28 职场文书
革命电影观后感
2015/06/18 职场文书
公司出差管理制度范本
2015/08/05 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
Python Parser的用法
2021/05/12 Python
golang内置函数len的小技巧
2021/07/25 Golang
Python办公自动化PPT批量转换操作
2021/09/15 Python