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实现图片灯箱明暗的遮罩效果
Nov 15 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
javaScript使用EL表达式的几种方式
May 27 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 03 Javascript
js前端图片加载异常兜底方案
Jun 21 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
咖啡的植物学知识
2021/03/03 咖啡文化
Smarty环境配置与使用入门教程
2016/05/11 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)
2016/11/21 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
破除网页鼠标右键被禁用的绝招大全
2006/12/27 Javascript
javascript 支持ie和firefox杰奇翻页函数
2008/07/22 Javascript
jQuery 使用手册(七)
2009/09/23 Javascript
jquery.messager.js插件导致页面抖动的解决方法
2013/07/14 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
js实现详情页放大镜效果
2020/10/28 Javascript
jQuery实现增删改查
2020/12/22 jQuery
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python多进程编程技术实例分析
2014/09/16 Python
Python3.6安装及引入Requests库的实现方法
2018/01/24 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python 实现创建文件夹和创建日志文件的方法
2019/07/07 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
中西医专业毕业生职业规划书
2014/02/24 职场文书
心理健康日活动总结
2014/05/08 职场文书
简单租房协议书
2014/10/21 职场文书
2014年采购工作总结
2014/11/20 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python