jquery - focusout メソッドを使用して jQuery で focusout イベントがトリガーされないのはなぜですか?

Question

私はhandsontable jQueryプラグインを使用しています。ユーザーがセルの編集を停止したときに傍受しようとしています。セルをダブルクリックするとhandsontableInput、そのセルの位置にクラスを含むテキスト エリアが表示されます。

jQueryを使用して、ユーザーが他の場所をクリックするたびにコールバックを取得しようとしたため、テキストエリアのフォーカスが失われました。

簡単な focusout コードは次のとおりです。

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

これが私のフィドルです。

また、handsontable のあるページがフレーム内にあり、フレームの外側をクリックした場合、これは機能しますか?

ありがとうございました

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/