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 相关文章推荐
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
根据出生日期自动取得星座的js代码
Jul 20 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
使用pjax实现无刷新更改页面url
Feb 05 Javascript
jQuery团购倒计时特效实现方法
May 07 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
Sep 06 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
Nov 28 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 Javascript
vscode自定义vue模板的实现
Jan 27 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加MYSQL服务器
2006/10/09 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
js实现的常用的左侧导航效果
2013/10/17 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
jQuery文字轮播特效
2017/02/12 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
Python迭代器Iterable判断方法解析
2020/03/16 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
巴西手表购物网站:eclock
2019/03/19 全球购物
Internal修饰符有什么含义
2013/07/10 面试题
企业新年寄语
2014/04/04 职场文书
就业协议书的作用
2014/04/11 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
分析SQL窗口函数之取值窗口函数
2022/04/21 Oracle