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写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
Ajax使用原生态JS验证用户名是否存在
May 26 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
浅析TypeScript 命名空间
Mar 19 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
Aug 14 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
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
解析JavaScript中点号“.”的多义性
2013/12/02 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
jQuery Migrate 1.1.0 Released 注意事项
2014/06/14 Javascript
JavaScript代码判断点击第几个按钮
2015/12/13 Javascript
jquery延迟对象解析
2016/10/26 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
[01:06:26]全国守擂赛第二周 Team Coach vs DeMonsTer
2020/04/28 DOTA
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
python使用pygame框架实现推箱子游戏
2018/11/20 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
使用CSS3制作一个简单的Chrome模拟器
2015/07/15 HTML / CSS
Html5新标签解释及用法
2012/02/17 HTML / CSS
秘书行业自我鉴定范文
2013/12/30 职场文书
机关门卫制度
2014/02/01 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
党的群众路线教育实践活动个人对照检查材料(企业)
2014/11/05 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书
mysql的数据压缩性能对比详情
2021/11/07 MySQL