signed

QiShunwang

“诚信为本、客户至上”

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

2021/6/9 2:47:49   来源:
我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用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;
}
}
您可能感兴趣的文章:
  • jQuery与js实现颜色渐变的方法
  • 漂亮! js实现颜色渐变效果
  • 神奇!js+CSS+DIV实现文字颜色渐变效果
  • js实现按钮颜色渐变动画效果
  • js+HTML5实现canvas多种颜色渐变效果的方法
  • javascript实现颜色渐变的方法
  • Javascript 颜色渐变效果的实现代码
  • JS Tween 颜色渐变
  • JS实现响应鼠标点击动画渐变弹出层效果代码
  • JS响应鼠标点击实现两个滑块区间拖动效果
  • JS实现网页游戏中滑块响应鼠标点击移动效果
  • 滚动条响应鼠标滑轮事件实现上下滚动的js代码
  • JavaScript实现的鼠标响应颜色渐变效果完整实例