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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
jQuery对象和DOM对象相互转化
Apr 24 Javascript
Jquery下:nth-child(an+b)的使用注意
May 28 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 Javascript
包含中国城市的javascript对象实例
Aug 03 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
Jul 21 Javascript
JavaScript 与 TypeScript之间的联系
Nov 27 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
javascript 写类方式之三
2009/07/05 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
2018/11/21 Javascript
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
深入了解js原型模式
2019/05/30 Javascript
javascript触发模拟鼠标点击事件
2019/06/26 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
Python中的生成器和yield详细介绍
2015/01/09 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
Python生成器generator原理及用法解析
2020/07/20 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
艺术爱好者的自我评价分享
2013/10/08 职场文书
计划生育宣传标语
2014/06/21 职场文书
大学毕业生推荐信
2014/07/09 职场文书
开会通知
2015/04/20 职场文书
学校通报表扬范文
2015/05/04 职场文书
关于车尾的标语大全
2015/08/11 职场文书
python3.9之你应该知道的新特性详解
2021/04/29 Python
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers