如何在Javascript中獲取HTML頁面的活動元素

Question

我有一個HTML頁面，其中只有一個輸入文本框和一個按鈕。 我已經為輸入文本框放了onblur事件處理程序，我在其中調用ajax調用，它只進行驗證，然后顯示錯誤。 類似地，我在按鈕上放了onclick事件，我再次調用不同的Ajax調用，它也進行驗證，如果驗證通過，那么它也會進行一些數據庫更新，然后重定向到另一個URL。

我的要求是，如果用戶專注於輸入框，然后他只需點擊按鈕（不會失去焦點），那么只有按鈕ajax調用才會觸發。 但是，我看到兩個ajax調用一個用於onblur，一個用於onclick正在觸發。

我嘗試在onblur中使用event.relatedtarget來查看它是否在單擊按鈕時生成。 但它只適用於chrome。 我也檢查了document.activeelement。 這也行不通。

請告訴我們如何在所有瀏覽器中處理此問題。

謝謝，Sourabh

Answer 1

你可以像這樣設置一個全局標志

var submitting = false;
$('#button').click(function(){
    if (!submitting) {
        submitting = true;
        $.ajax({
           url: 'whateverurl.php',
           success: function(data) {
               submitting = false;
           }
        });
    }
});

這是sudo代碼，因為我不知道你的來源，你會為你的onblur做同樣的事情