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制作的产品广告效果
Dec 08 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
Vue递归实现树形菜单方法实例
Nov 06 Javascript
mock.js实现模拟生成假数据功能示例
Jan 15 Javascript
实例分析javascript中的异步
Jun 02 Javascript
vue使用video插件vue-video-player详解
Oct 23 Javascript
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
详解vue3中组件的非兼容变更
Mar 03 Vue.js
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实现自动获取生成文章主题关键词功能的深入分析
2013/06/03 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
了不起的node.js读书笔记之例程分析
2014/12/22 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
2019/11/13 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
Node.js 深度调试方法解析
2020/07/28 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
python函数不定长参数使用方法解析
2019/12/14 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
Django celery异步任务实现代码示例
2020/11/26 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
KTV的创业计划书范文
2014/02/02 职场文书
操行评语大全
2014/04/30 职场文书
企业形象策划方案
2014/05/29 职场文书
2014年采购部工作总结
2014/11/20 职场文书
股权转让协议书
2014/12/07 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
天坛导游词
2015/02/02 职场文书
2016年习总书记讲话学习心得体会
2016/01/20 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理
2022/06/21 Java/Android