JS DOM onfocus 元素获取焦点事件
onfocus属性
JavaScript可以通过DOM元素对象的onfocus属性来处理元素获取焦点的事件,比如下方的这个示例,当点击输入框(即输入框获取焦点)时,将在input输入框的右侧显示一个提示的文本:
语法
ele.onfocus = function(){}
提示:function可以是自定义的匿名函数,也可以是已经定义好的函数名,具体可见下方的实例。
onfocus属性实例代码,及在线编辑器
<input type='text' id='input'><span id='sp2' style='display:none;'>请输入内容</span>
<script>
function setDisplay(){
document.getElementById('sp2').style.display = "inline-block";
}
var i = document.getElementById('input');
i.onfocus = setDisplay
</script>