一種監控jquery中元素焦點出現的方法

Question

我正在開發一個元素組，並希望在元素的'focusout事件觸發器中觸發某些功能。

但是我必須監視聚焦發生的方式，這會引起焦點。

承擔元素A的focusout是綁定如果在element B用戶點擊該事件的內容應調用function_B，如果在element C用戶點擊該事件的內容應該調用function_C。和元件B，C不應該是內部元件A.

pseudo code : 

$(element_A).focusout(function() { 

    element_user_interaction = wether user clicks on element_B or element_C 
    if(element_user_interaction == element_B){ 
     function_B(); 
    }else if(element_user_interaction == element_C){ 
     function_C(); 
    } 

}); 

I found a code from SO. see the accepted answer

$(document).mouseup(function (e) 
{ 
    var container = $("YOUR CONTAINER SELECTOR"); 

    if (!container.is(e.target) // if the target of the click isn't the container... 
     && container.has(e.target).length === 0) // ... nor a descendant of the container 
    { 
     container.hide(); 
    } 
}); 

我嘗試，但不能改變上面的代碼以匹配的僞代碼。

Answer 1

您應該使用事件relatedTarget的屬性。

$(element_A).focusout(function(e) { 
    if(element_B.is(e.relatedTarget)){ 
     function_B(); 
    }else if(element_C.is(e.relatedTarget)){ 
     function_C(); 
    } 
}); 

• 對於聚焦狀態和onfocusin事件，相關的元素是元素 失去焦點。
• 對於onblur和onfocusout事件，相關的 元素是GOT關注的元素。

警告：此屬性是null如果您單擊除表單元素之外的其他東西，即圖像或文本。這是合乎邏輯的，但可能會令人困惑。

在http://www.w3schools.com/jsref/event_focus_relatedtarget.asp