为什么带focusout方法的jQuery不能触发focusout事件？

Question

我使用的是handsontable jQuery插件。当用户停止编辑单元格时，我正在尝试拦截。当您双击一个单元格时，在该单元格的位置上会出现一个类为handsontableInput的文本区域。

使用jQuery时，我试图在用户单击其他地方时获取回调，这样就失去了文本区域的焦点。

下面是简单的focusout代码：

$(".handsontableInput").focusout(function () {
    alert("LLL");
});

这是我的fiddle。

另外，如果包含手音台的页面在框架中，并且我在框架外单击，这是否有效？

谢谢

Answer 1

您应该使用.on方法：

$("#exampleGrid").on('focusout','.handsontableInput',function () {
    alert("LLL");
});

JSFIDDLE：http://jsfiddle.net/edi9999/HEH5C/1/

您的代码的问题是，在执行$(".handsontableInput")的时候，它们不是该类的元素，所以事件没有附加到任何元素。

Answer 2

委托事件如下所示：

$("#exampleGrid").on('focusout',".handsontableInput",function () {
    console.log("LLL");
});

Answer 3

您需要使用事件委派，因为.handsontableInput是动态生成的

$(document.body).on('focusout',".handsontableInput",function () {
    console.log("LLL");
});

演示---> http://jsfiddle.net/HEH5C/2/