js操作输入框提示信息且响应鼠标事件
2014-03-25 00:00
721 查看
我们经常遇到一些输入框，比如注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除，当用户没输入东西焦点离开的时候，又恢复默认提示值。这方法用js代码实现如下：
html代码：
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操作输入框提示信息且响应鼠标事件
- js操作输入框提示信息
- js操作div仿title提示信息效果,增强型title信息提示
- 利用js实现输入框动态提示信息
- css 鼠标放上图片变换以及输入框提示信息
- 分析：input表单输入框默认提示信息（较好的js样式）
- CSS圆角，输入框提示信息，JS查找同级元素
- jquery 给图片添加遮罩 响应鼠标事件出现提示
- 解决窗口响应鼠标离开事件，在鼠标移动的地方添加信息注册
- 控件响应鼠标操作事件中，判断IsIdle()作用
- JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）
- js小技巧（输入框提示信息自动消失）
- 鼠标事件实现提示信息显隐
- js响应鼠标滚轮事件
- JS去空格、IFrame提示信息做后台操作、Cookie存值获取累加，调整过期时间。
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码
- MFC 鼠标悬停事件，提示信息
- 使用jsonp跨域调用百度js实现搜索框智能提示，并实现鼠标和键盘对弹出框里候选词的操作【附源码】
- MyEclipse关闭编辑XML时鼠标提示信息的操作办法