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

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

YH_9339

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

阅读量5.8k

点赞数 5

分类专栏：前端小技巧

本文链接：https://blog.csdn.net/m0_38035006/article/details/77503290

版权

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

10 篇文章 0 订阅

订阅专栏

<!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();
    }
}

优惠劵

YH_9339

关注关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Onfocur和Onblur重复触发问题解决方案（文本框onblur事件连续触发的问题）

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>Documenttit
复制链接

扫一扫