サーバーから来る要素にEventListenerを追加するにはどうすればよいですか?
-
06-07-2019 - |
質問
addEventListener(window.onload)を使用してクリックイベントを追加する方法 問題のタグが生成されているとき サーバー(xmphttpリクエストを介して、それ以下)?
ありがとう!
解決
要素がDOMに挿入された後、
他のヒント
DOMロードとして利用可能な親要素のイベントを処理し、イベントに関連する要素を取得することができます。
<ul id="list">
<li id="first">The first</li>
<li id="second">The second</li>
<li id="third">The third</li>
</ul>
document.getElementById('list').onclick(function(e){
o = e.originalTarget;
// if you click on second li o will bi the same as document.getElementById('first')
// even if li with id "first" is inserted to DOM after creating this event handler to "list"
// so here you can perform actions with it
// hope it will help
});
ありがとうございます。
「成功時」に以下のコードを追加することでこれを解決しました。サーバーからの要素をDOMに入力したXMLHTTP要求のイベント。それは私のために働いた。 ジョシュ、あなたは私の頭を正しい方向に動かしました(コードの図を見れば良かったかもしれませんが)ので、私はあなたの応答を答えとしてマークしました。
if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
var m_sel=document.getElementById("fcat");
if (m_sel) {
var maxi = m_sel.options.length;
for( var i = 0; i < maxi; i++ )
{
var option = m_sel.options[i];
option.addEventListener( "click", toggleElem, true );
}
}
}
所属していません StackOverflow