動的JS-DOMオブジェクトにjQueryを追加する

Question

私は、すべての処理が完了した後にページに配置されるプレーンJavaScriptでいくつかのDOMオブジェクトを作成しています。

ここで、jQueryを使用していくつかの異なる機能を追加したいと思います。そして、作成の過程でそれを追加します。それは（任意のjQueryのなしで、昔ながらの）今すぐに見えたよう

：

のjQueryを使用して

var mainput = document.createElement("textarea"); 
mainput.setAttribute("ID", "masseinfo_" + dsatz.ID); 
mainput.setAttribute("onkeyup", "checkAndSendMaAjax(" + dsatz.ID + ", '" + masseinfoup + "', '" + dsatz.Typ + "', this.value)"); 

からkeyupとは、オブジェクトがまだページ上にないとして失敗しているようです。

mainput.keyup(debounce(250, function (e) { 
    console.log('It works!'); 
    checkAndSendMaAjax(" + dsatz.ID + ", '" + masseinfoup + "', '" + dsatz.Typ + "', this.value); 
})); 

エラー：keyup is not a function onを使用するにはあまり違いはありません。

mainput.on('keyup',null,(debounce(250, function (e) { 
    console.log('It works!'); 
    checkAndSendMaAjax(" + dsatz.ID + ", '" + masseinfoup + "', '" + dsatz.Typ + "', this.value); 
}))); 

エラー：on is not a function

ビットの検索が代わりのライブのの使用について少し書いたthat pageに私をもたらした：

$(".postitem").live("click", function() {...});

... would now be...

$(document).on("click", ".postitem", function() {...});

は、だから私は試してみました：

$(document).on('keyup',mainput,(debounce(250, function (e) { 
     console.log('It works!'); 
     checkAndSendMaAjax(" + dsatz.ID + ", '" + masseinfoup + "', '" + dsatz.Typ + "', this.value); 
    }))); 

エラーは発生しますが、何もしません。 私は何が間違っていますか？

Answer 1

$ .on（）関数第2引数は文字列（セレクタ）であり、DOM要素ではありません。セレクタ"#masseinfo_" + dsatz.IDまたはmainput.getAttribute("id")

$(document).on('keyup', mainput.getAttribute("id"),(debounce(250, function (e) { 
    console.log('It works!'); 
    checkAndSendMaAjax(" + dsatz.ID + ", '" + masseinfoup + "', '" + dsatz.Typ + "', this.value); 
}))); 

jQuery on function