js操作输入框提示信息且响应鼠标事件
2018-10-12 14:04
696 查看
我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用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操作输入框提示信息
- 解决窗口响应鼠标离开事件,在鼠标移动的地方添加信息注册
- 提示信息 感应鼠标移动事件 自动显示url页面内容
- jquery 给图片添加遮罩 响应鼠标事件出现提示
- 稳扎稳打Silverlight(30) - 2.0Tip/Trick之Silverlight.js, Silverlight.supportedUserAgent.js, 自定义启动界面, 响应鼠标滚轮事件
- js操作div仿title提示信息效果,增强型title信息提示
- js 输入框内提示信息插件!
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码
- cocos2d JS 鼠标响应事件
- MFC 鼠标悬停事件,提示信息
- 数据操作后,页面alert提示例子3-后台js打印提示信息并重定向
- js 鼠标提示信息
- 2.0Tip/Trick之Silverlight.js, Silverlight.supportedUserAgent.js, 自定义启动界面, 响应鼠标滚轮事件
- Python wxpython模块响应鼠标拖动事件操作示例
- js小技巧(输入框提示信息自动消失)
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码】
- MyEclipse关闭编辑XML时鼠标提示信息的操作办法
- javascript的onfocus和onblur事件实现输入框的提示信息显隐
- js响应鼠标滚轮事件