檢查按鈕是否有焦點

Question

我有一個文本框，我正在對文本框的模糊事件進行一些驗證。我也有按鈕。

目前我的文本框顯示驗證並將焦點設置回它。但我想要的是當我點擊按鈕時不顯示消息。

簡單地說，我不希望有驗證文本框後，點擊按鈕時失去了重心

我試圖檢查按鈕是否已集中使用此document.activeelement但返回我的身體

這裏是我的html

<input id="txtName" data-bind ="event: { blur: $root.check1 }" /> 
<button id="btnSubmit" class="btn" data-bind="click: check2" > Submit </button> 

這裏是我的視圖模型

var viewModel = { 

}; 


viewModel.check1 = function(){ 
    alert("duplicate name not allowed"); 
    $("[id$=txtName]").focus(); 
        return; 
} 

viewModel.check2 = function(){ 
    alert("alert from button click"); 
} 

ko.applyBindings(viewModel); 

這裏是Fiddle

Answer 1

我只是延緩CHECK1邏輯檢查哪些元素獲得焦點：

DEMO

viewModel.check1 = function (e) { 
    $("[id$=txtName]").dequeue().delay(0).queue(function() { 
     if(document.activeElement === $('#btnSubmit')[0]) return; 
     alert("duplicate name not allowed"); 
     $(this).focus(); 
    }); 
    return; 
}