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

2014-03-25 61

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用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文章

让焦点自动跳转
Jul 01 50
prettify 代码高亮着色器google出品
Dec 28 34
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 36
JavaScript运行时库属性一览表
Mar 14 43
简单讲解jQuery中的子元素过滤选择器
Apr 18 43
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 36
js使用原型对象(prototype)需要注意的地方
Aug 28 35
手机访问当前页面