焦点事件onfocus和onblur造成的死循环问题

最新推荐文章于 2022-10-18 00:16:00 发布

原创最新推荐文章于 2022-10-18 00:16:00 发布 · 9.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#onfocus循环 #onblur循环

收录于

javascript，web前端开发专栏收录该内容

13 篇文章

订阅专栏

本文探讨了在JavaScript中使用onfocus和onblur事件结合alert()导致的死循环现象，并解释了其背后的原理。通过一个具体的例子展示了当点击文本框触发聚焦事件后，由于弹出警告框而引发的一系列事件触发问题。

在学习焦点事件的时候，使用onfocus和alert(),onblue和alert(),点击文本框触发onfocus（）事件，弹出alert文本信息，点击确定后又触发onblur事件，弹出alert()信息，再点击确定又触发onfocus事件，形成一个死循环，代码如下：

  <script type="text/javascript">
window.onload=function(){

var text1=document.getElementById("text1");


text1.onfocus=function(){

    alert("聚焦事件触发");
    }

text1.onblur=function(){

    alert("失焦事件触发");
    }
}
</script>
</head>

<body>

<input type="text"  id="text1"/>

</body>