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 相关文章推荐
js 加载时自动调整图片大小
May 28 Javascript
jQuery 页面载入进度条实现代码
Feb 08 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
angular.JS实现网页禁用调试、复制和剪切
Mar 31 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
Aug 13 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
layui导出所有数据的例子
Sep 10 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 动态多文件上传
2009/01/18 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
JavaScript中的变量作用域介绍
2014/12/31 Javascript
jQuery 处理页面的事件详解
2015/01/20 Javascript
JavaScript编写推箱子游戏
2015/07/07 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
基于node.js之调试器详解
2017/08/22 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
2019/10/17 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
理论讲解python多进程并发编程
2018/02/09 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
python 不同方式读取文件速度不同的实例
2018/11/09 Python
python reverse反转部分数组的实例
2018/12/13 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
python basemap 画出经纬度并标定的实例
2019/07/09 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
TripAdvisor西班牙官方网站:全球领先的旅游网站
2018/01/10 全球购物
对于没有初始化的变量的初始值可以作怎样的假定
2014/10/12 面试题
2015年大学班主任工作总结
2015/04/30 职场文书
python 解决微分方程的操作(数值解法)
2021/05/26 Python
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android
Redis keys命令的具体使用
2022/06/05 Redis