当前位置:Gxlcms > JavaScript > js操作输入框提示信息且响应鼠标事件_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:14人阅读

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

html代码:
代码如下:



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;
}
}

人气教程排行