模糊事件觸發時，孩子得到集中

Question

我需要的時候和項目失去其焦點

基本上，我有這樣的事情

<div tabindex="1"> 
    <h1>title 1</h1> 
</div> 

<div tabindex="2"> 
    <h1>title 2</h1> 

    <textarea></textarea> 
</div> 

JS執行一些動作：

$('div').blur((e) => { console.log('blur');}); 

DEMO

現在，當您在div之間切換時，它的工作原理類似於魅力，但是當第二個div有焦點，並且你點擊child-textarea時觸發了一個blur事件。這不是我想要的，因爲我們仍然在同一個分區內。我怎樣才能解決這個問題，當點擊在div之外時只會觸發模糊事件？

Answer 1

一個元素已被聚焦，那麼最後一個元素將會引發事件'模糊'。 您可能需要設計一劈爲它......是這樣的：因爲模糊事件在第一集中，然後被事件觸發

$('div').blur((e) => { 
    setTimeout(function() { 
     if(!$('textarea').is(':focus')){ 
      console.log('blur'); 
     } 
    }, 100); 
}); 

的setTimeout是很重要的。