gpt4 book ai didi

javascript - Chrome 一次又一次地触发 OnBlur

转载 作者:行者123 更新时间:2023-12-03 01:45:51 24 4
gpt4 key购买 nike

这是仅在 Chrome 中一次又一次触发 Onblur 的代码,在 IE 中工作正常。在 Firefox 中,创建两个输入元素时出现问题......任何人都可以帮我解决这个问题吗?我想要模糊警报(在实际代码中,我们检查表中是否有重复项,如果发现重复项,则发出警报,此代码只是一个示例,展示了我的需求),然后单击“确定”后警报框,我想重新获得焦点。请查看 IE 中的正确行为。

  $(document).ready(function() {
$("button").click(function() {
$("div").append('<input type="text" name="txtCompanyName" maxlength="100" class="Company" style="margin-bottom:0px;width:170px"/>')
});

// With on():

$("div").on("blur", ".Company", function() {
alert($(this).text());
$(".Company").focus();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<html>

<head>
</head>

<body>

<div></div>
<button>generate new element</button>

</body>

</html>

有趣的事情-当 chrome 开始重复触发事件并且您厌倦了一次又一次地按“确定”时,然后移动到 Chrome 中的其他选项卡,然后返回到此选项卡,单击“确定” ”,该模糊实例的问题得到解决。魔法??

最佳答案

$("div").on("blur", ".Company", function() {
alert($(this).text());
$(".Company").focus();
})

聚焦和模糊实际上是相反的。因此,如果您的焦点偏离(模糊),则您可以将其焦点设置回 Company,并且 Company 将被附加到 div 中。所以它无限循环。

关于javascript - Chrome 一次又一次地触发 OnBlur,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50646262/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com