原生js实现placeholder 当获取焦点时清空，失去焦点且为空时恢复

Posted 你像一只失宠猫

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生js实现placeholder 当获取焦点时清空，失去焦点且为空时恢复相关的知识，希望对你有一定的参考价值。

<body>
    <input type="text" value="请输入内容" id="text1" />
</body>

<script>
        var oText1=document.getElementById("text1");
        oText1.onfocus=function(){
            if(this.value=="请输入内容"){
                this.value=‘‘;
            }
        }
        oText1.onblur=function(){
            if(this.value==‘‘){
                this.value=="请输入内容";
            }
        }
</script>

 

以上是关于原生js实现placeholder 当获取焦点时清空，失去焦点且为空时恢复的主要内容，如果未能解决你的问题，请参考以下文章

小程序---- input获得焦点时placeholder重影BUG

通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字?

js实现 textArea 的 placeholder 换行

学习jquery.placeholder.js让IE浏览器支持html5的placeholder

jQuery placeholder插件 让IE也能够支持placeholder属性

原生js实现简单的焦点图效果