您的位置:58编程 > HTML事件属性onfocus

HTML事件属性onfocus

2023-04-06 12:33 HTML参考手册

 HTML事件属性onfocus

HTML事件属性onfocus


当元素获取焦点时,会触发 onfocus 属性事件。

HTML5中的新功能

没有。

句法

<element onfocus="script or Javascript function name">

支持的标签

所有HTML元素,EXCEPT:

<base>, 
<bdo>, 
<br>, 
<head>, 
<html>, 
<iframe>, 
<meta>, 
<param>, 
<script>, 
<style>, 
<title>


浏览器兼容性

onfocus Yes Yes Yes Yes Yes

例子

<!DOCTYPE html>
<html>
<body>

First name: <input type="text" id="fname" onfocus="myFunction(this.id)">

<script>
function myFunction(x) {
    console.log(x);
}
</script>

</body>
</html>

Click to view the demo



实施例2

下面的代码显示了如何添加事件侦听器以输入文本焦点事件。

<html>
<head>
<script language="JavaScript" type="text/javascript">
  function DisplayMsg(NumVal) {
    if (NumVal == 1) {
      alert("Type your name in the field");
    }
    if (NumVal == 2) {
      alert("Type your phone number in the field");
    }
  }
</script>
<title>Keyboard Event</title>
</head>
<body>
  <form name="form1">
    <b>Name:</b>&nbsp; <input type="text" name="text1"
      onFocus="DisplayMsg(1)" size="20">
    <P>
      <b>Phone:</b> &nbsp;<input type="text" name="text2"
        onFocus="DisplayMsg(2)" size="20">
    </p>
  </form>
</body>
</html>

Click to view the demo

阅读全文
以上是58编程为你收集整理的 HTML事件属性onfocus全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS