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 检测浏览器和操作系统的脚本
Dec 26 Javascript
extjs form textfield的隐藏方法
Dec 29 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
Bootstrap精简教程
Nov 27 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
微信小程序(应用号)开发新闻客户端实例
Oct 24 Javascript
javascript操作cookie
Jan 17 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
jQuery控制元素隐藏和显示
Mar 03 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 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扩展开发经验分享
2012/09/06 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
基于jQuery的获得各种控件Value的方法
2010/11/19 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
JS简单实现元素复制示例附图
2013/11/19 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
python查看列的唯一值方法
2018/07/17 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
Css3圆角边框制作代码
2015/11/18 HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
C#里面可以避免一个类被其他类继承么?如何?
2013/09/26 面试题
财务管理专业推荐信
2013/11/19 职场文书
信息管理专业自荐书
2014/06/05 职场文书
担保书范本
2015/01/20 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript