javascript - OnBlur 多次触发

Question

我正在使用 onblur 进行文本框数据检查。 OnBlur 工作正常，直到或除非我们不按 ALT + TAB 或 Windows 按钮。

如果我按下 ALT + TAB 然后模糊函数执行多次..

例如:https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_blur_alert

Initially it will work fine then press alt+tab then it will execute multiple times.

请建议如何解决此问题。

Please follow below steps to re produce the issue

1. Click on the above link
2. Focus on the text box and then press alt+tab

Answer 1

这是因为你在模糊时提示警告，当你按下 alt+tab 时它会聚焦在不同的窗口上，当你点击警告框时它会再次聚焦到文本字段并且会导致触发一个事件，这将无限大。你应该避免在这里警告

$(document).ready(function(){
    $("input").blur(function(){
        console.log("This input field has lost its focus.");
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
Enter your name: <input type="text">
<p>Write something in the input field, and then click outside the field to lose focus (blur).</p>