手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js操作输入框提示信息且响应鼠标事件
js操作输入框提示信息且响应鼠标事件
摘要:我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提...

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下:

html代码:

复制代码 代码如下:

<input type="text" id="email" name="email" 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操作输入框提示信息且响应鼠标事件】相关文章:

浅谈Javascript线程及定时机制

Angular发布1.5正式版,专注于向Angular 2的过渡

JavaScript实现鼠标拖动效果的方法

jquery控制表单输入框显示默认值的方法

JS实现定时自动关闭DIV层提示框的方法

javascript基于DOM实现省市级联下拉框的方法

使用JavaScript刷新网页的方法

JavaScript窗口功能指南之在窗口中书写内容

jquery读取xml文件实现省市县三级联动的方法

点击变化图象 不错

精品推荐
分类导航