Onfocur和Onblur重复触发问题解决方案（文本框onblur事件连续触发的问题）

最新推荐文章于 2022-10-09 16:15:41 发布

YH_9339

最新推荐文章于 2022-10-09 16:15:41 发布

阅读量6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：前端小技巧

本文链接：https://blog.youkuaiyun.com/m0_38035006/article/details/77503290

前端小技巧专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个HTML输入框在光标移开时触发连续alert的问题及其解决方案。通过JavaScript代码实现对input元素的重新聚焦，有效避免了不必要的弹窗干扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" onblur="alert();">
</body>
</html>

光标移开时连续alert；
解决方案：
在js中加上这段代码即可：
window.οnblur=function(){
    var inputs = $("input");
    for(var i=0; i<inputs.length; i++){
	 document.getElementsByTagName('input')[i].blur();
    }
}