- 输入框获取焦点事件: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>