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>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.