由於關閉頁面單擊，jquery事件觸發了兩次？

Question

我知道這方面有很多疑問，但我的問題稍有不同。

我有這必將對使用

$('body').on('blur', '#fielda, #fieldb, #fieldc, #fieldd', function(){ 
    alert ('hello') 
}); 

一個幾個輸入字段如果我在fielda單擊輸入值，然後單擊出來，我得到一個警報，

然而

如果我點擊進入fielda，然後點擊另一個不在我的瀏覽器中的應用程序觸發第一個警報，我清除它，然後得到一個新的警報。

我該如何阻止這種情況發生。 我已經設置了一個簡單的fiddle來展示這一點。

由於

Answer 1

嘗試document.hasFocus()

Document.hasFocus()該方法返回一個Boolean值指示 文檔內的文檔或任何元素是否具有焦點。 此方法可用於確定 文檔中的活動元素是否具有焦點。

$('body').on('blur', '#fielda', function() { 
 
    if (document.hasFocus()) { 
 
    alert('hello') 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="fielda" />