jQuery專注不會在輸入元素退出時觸發

Question

無論我點擊文檔的哪個位置，我都想發起專注事件。然而，我使用了一個可排序的列表，每個可排序的項目都包含一個textarea，當點擊可排序的項目時，焦點輸出事件不會被觸發。對於可拖動的項目也是如此。我創建了一個的jsfiddle來展示這個問題：

單擊文本區域並試圖藍色矩形內的任何地方點擊： 測試谷歌瀏覽器 http://jsfiddle.net/RWJhs/

是否有任何已知的解決方法？

的JavaScript：

$("textarea").focusout(function(){ 
    alert("Do something"); 
}); 

$("#draggable").draggable(); 

HTML：

<div id="draggable"> 
    <textarea></textarea> 
</div> 

Answer 1

這個工作對我來說： http://jsfiddle.net/RWJhs/1/

$("textarea").focusout(function(){ 
    alert("Do something"); 
}); 

$('#draggable not(textarea)').on('click'); 
$("#draggable").draggable(); 

編輯： 觸發手動模糊事件似乎使其工作而不禁用draggi ñ 在這裏看到：http://jsfiddle.net/RWJhs/6/

$("#draggable").on('click', function(e){ 
    if (e.target == this && $('textarea').is(':focus')) $('textarea').blur(); 
}); 
$("textarea").blur(function(){ 
    alert("Do something"); 
}); 
$("#draggable").draggable(); 

Answer 2

你可以試試這個

$("textarea").focusout(function(){ 
    alert("Do something"); 
}).click(function(e){ 
    e.stopPropagation(); 
    return true; 
}); 

$("#draggable").draggable({ 
    start: function(event, ui) { 
     if($('textarea:focus', this).length){ 
      $('textarea', this).focusout(); 
     } 
    } 
}).click(function(e){ 
    if($('textarea:focus', this).length){ 
     $('textarea', this).focusout(); 
    } 
}); 

DEMO.