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

2014-03-25 6

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用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数组去重方法思路及代码
Mar 26 9
js showModalDialog弹出窗口实例详解
Jan 07 14
jquery彩色投票进度条简单实例演示
Jul 23 6
Vue.js表单控件实践
Oct 27 7
setTimeout学习小结
Feb 08 10
bootstrap实现动态进度条效果
Mar 08 5
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 11
手机访问当前页面