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表单常用验证集合
Jan 16 Javascript
js 设置选中行的样式的实现代码
May 24 Javascript
javascript 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
JQuery获取各种宽度、高度(format函数)实例
Mar 04 Javascript
Javascript判断对象是否相等实现代码
Mar 18 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
js中Array对象的常用遍历方法详解
Jan 17 Javascript
vue实现全屏滚动效果(非fullpage.js)
Mar 07 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发送邮件类代码附详细说明
2008/07/10 PHP
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
ThinkPHP 3.2 数据分页代码分享
2014/10/14 PHP
php中count获取多维数组长度的方法
2014/11/03 PHP
thinkphp3.2中实现phpexcel导出带生成图片示例
2017/02/14 PHP
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
2016/07/05 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
浅谈js中的this问题
2017/08/31 Javascript
JavaScript动态绑定详解
2017/09/14 Javascript
Angular4 组件通讯方法大全(推荐)
2018/07/12 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
vue实现选中效果
2020/10/07 Javascript
基于MTCNN/TensorFlow实现人脸检测
2018/05/24 Python
python中property和setter装饰器用法
2019/12/19 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
后勤人员自我评价怎么写
2013/09/19 职场文书
二年级体育教学反思
2014/01/15 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
毕业生就业推荐表自我鉴定
2014/03/20 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
导游词之安徽九华山
2019/09/18 职场文书
详解Java七大阻塞队列之SynchronousQueue
2021/09/04 Java/Android
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android