js操作输入框提示信息且响应鼠标事件

2014-03-25 39

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用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实用方法总结
Feb 06 17
NodeJs的fs读写删除移动监听
Apr 28 22
微信小程序之滚动视图容器的实现方法
Sep 26 34
详解nodeJs文件系统(fs)与流(stream)
Jan 24 22
移动端吸顶fixbar的解决方案详解
Jul 17 12
vue使用codemirror的两种用法
Aug 27 28
JavaScript监听键盘事件代码实现
Jun 03 10
手机访问当前页面