展会信息港展会大全

js操作输入框提示信息且响应鼠标事件
来源:互联网   发布日期:2016-01-26 10:26:10   浏览:3146次  

导读:注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候 ...

注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值

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

}

}

赞助本站

人工智能实验室

相关热词: 鼠标事件 js

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港