• 输入框获取焦点事件：onfocus
  • 输入框失去焦点事件：onblur

代码示例：

<body>
        <input type="text" placeholder="请输入任意内容" id="input">
        <script>
        　 //获取DOM元素
           var input=document.getElementById("input");
           //获取焦点
           input.onfocus=function(){
             this.style.width="400px";
             this.style.height="50px";
             this.style.border='2px solid yellow';

           }
           //失去焦点
           input.onblur=function(){
            this.style.color="blue";
            this.style.width="200px";
           }
        </script>
</body>