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圆角插件
Oct 26 Javascript
javascript代码加载优化方法
Jan 30 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
详解webpack+gulp实现自动构建部署
Jun 29 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 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求小于1000的所有水仙花数的代码
2012/01/10 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
Javascript valueOf 使用方法
2008/12/28 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
2015/08/15 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
2016/06/13 Javascript
解决Window10系统下Node安装报错的问题分析
2016/12/13 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
js实现音频控制进度条功能
2017/04/01 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
微信小程序修改checkbox的样式代码实例
2020/01/21 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
Python科学画图代码分享
2017/11/29 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
Python request中文乱码问题解决方案
2020/09/17 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
社区巾帼文明岗事迹材料
2014/06/03 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
2015年化验员工作总结
2015/04/10 职场文书
2015年档案室工作总结
2015/05/23 职场文书