js操作输入框提示信息且响应鼠标事件
更新时间：2014年03月25日 17:38:45 作者：
注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除，当用户没输入东西焦点离开的时候，又恢复默认提示值
我们经常遇到一些输入框，比如注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除，当用户没输入东西焦点离开的时候，又恢复默认提示值。这方法用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;
}
}
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;
}
}
相关文章
本篇文章主要介绍了微信小程序scroll-view实现横向滚动和上拉加载示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
本文将使用javascript实现一个极其简单的路由实例。WEB开发中路由概念并不陌生，我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,同样前端路由在单页面应用也很常见，它使得前端页面体验更流畅。2016-09-09
Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,下面这篇文章主要给大家介绍了关于uniapp中vuex的应用使用,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了npm qs模块使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
在ES6中新增了函数的简写方式----箭头函数，箭头函数的出现不仅简化了大量代码，也让代码看起来更加优雅，同时也解决了this指向问题，下面我们就来详细讲解如何玩转箭头函数2022-09-09
这篇文章主要为大家详细介绍了Bootstrap模态框禁用空白处点击关闭的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了javascript 原型与原型链的理解,结合实例形式分析了javascript 原型与原型链的原理、使用方法及相关操作注意事项,需要的朋友可以参考下2019-11-11
本文给大家讲述的是如何使用javascript结合CSS动画来实现一些占用资源更少，更优化的动画效果，思路十分巧妙，这里推荐给小伙伴们参考下。2015-03-03
这篇文章主要为大家介绍了GoJs连线绘图模板Link使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了在Vue.js项目中设置和使用Mock数据的方法,Mock数据在前端开发、单元测试和调试中非常有用,可以通过使用axios进行数据请求,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-12-12
最新评论