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 相关文章推荐
JQuery对checkbox操作 (循环获取)
May 20 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
js实现照片墙功能实例
Feb 05 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
javaScript语法总结
Nov 25 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
简单实现jQuery手风琴效果
Aug 18 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
vue移动端弹框组件的实例
Sep 25 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
Aug 17 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维护文件系统
2006/10/09 PHP
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
来自PHP.NET的入门教程
2006/10/09 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
使用PHPMailer发送邮件实例
2017/02/15 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
2016/05/25 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
深入理解JavaScript中的预解析
2017/01/04 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
javascript中的隐式调用
2018/02/10 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
python抓取文件夹的所有文件
2018/02/27 Python
Python中判断输入是否为数字的实现代码
2018/05/26 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
求职个人评价范文
2014/04/09 职场文书
社会调查研究计划书
2014/05/01 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
顶岗实习协议书
2015/01/29 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python