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

发布时间：2020-12-14 22:34:34 所属栏目：资源来源：网络整理

导读：我们经常遇到一些输入框，比如注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除，当用户没输入东西焦点离开的时候，又恢复默认提示值。这方法用js代码实现如下： html代码：复制代码代码如下: input type="text" id="email" name="emai

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!