jQuery focusout 在输入元素退出时不触发

Question

无论我在文档的何处单击，我都想触发 focusout 事件。但是，我使用的是可排序列表，其中每个可排序项目都包含一个文本区域，单击可排序项目时不会触发 focusout 事件。对于可拖动的项目也会发生同样的情况。我创建了一个 jsfiddle 来展示这个问题：

单击文本区域并尝试单击蓝色矩形内的任意位置： 在 Google Chrome 中测试 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();

编辑：手动触发模糊事件似乎可以使其工作而无需禁用拖动，请参阅此处：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();