获取焦点时,文本框中的内容消失,失去焦点时,显示内容(jquery)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
        <script> 
                function cls(){ 
                    //捕获触发事件的对象,并设置为以下语句的默认对象 
                    with(event.srcElement) 
                         //如果当前值为默认值,则清空 
                    if(value==defaultValue){
                        value="" 
                    }
                } 
                function res(){ 
                    //捕获触发事件的对象,并设置为以下语句的默认对象 
                    with(event.srcElement) 
                    //如果当前值为空,则重置为默认值 
                    if(value==""){
                        value=defaultValue 
                    } 
                } 
                </script> 
                <input value="填写您的昵称" onfocus="cls()" onblur="res()"> 
                <input value="填写您的生日(1900-01-01)" 
                onfocus="cls()" onblur="res()"> 
                
</body>
</html>

亲测,有效。

猜你喜欢

转载自blog.csdn.net/weixin_42246997/article/details/90780107