addEventListenerでコードを追加したいとします。 DOMContentLoadedを使用しますが、選択しようとしているIDはページの読み込みでは使用できません。私はmouseoverを使うことができましたが、それはどんな動きでもコードを反復します。私もclickイベントを使用することができますが、私はそれをクリックして表示するのではなく、表示されたときに表示します。どうすればそれを処理できますか？マウスオーバーでループのないaddEventListenerによるコードの追加
document.addEventListener("mouseover", function(event){
document.querySelector("#id").insertAdjacentHTML('afterend', '<div>asd</div>');
});
あなたは、私がMutation Observerを示唆しているデリゲート
var yourSpecificId = "some-id";
document.addEventListener("mouseover", function(event){
if (event.target.id == yourSpecificId) //only when the id of the mouseover element is matching yourSpecificId
{
//code you want to execute
}
});
する必要があります。実装が難しいようですが、非常に簡単です。コールバック関数を提供してから、すぐにif文を使用して、新しく追加された要素に正しいidがあるかどうかを確認できます。その場合は、コードを実行してオブザーバを切断します。
要素が追加され、実行する必要がある機能の実例を投稿した場合は、より簡単にお手伝いできます。
このプロジェクトではjQueryを使用できますか？ – JasonB
@jasonBもしそうなら、彼は[jquery]タグを追加しました –
それは受け入れられます。 – servitus