DOMNodeInserted
event has been deprecatedおよびすべての突然変異イベントは突然変異観察者に置き換えられました。新しいDOMNodeInsertedに相当するものは何ですか?
しかし、within mutation observersには、ノードの属性、コンテンツ、および子への突然変異を監視するための設定オプションしかありません。 DOMツリー内の配置に関する突然変異については何もありません。
document.bodyから追加されたターゲットノードである1つの突然変異を検索することは、すべてを観察するという "解決策"が1つありますが、それは何かを行うにはかなりひどい方法です。
推奨されていないDOMNodeInsertedを突然変異観測員に置き換えるには、どのような方法がありますか?
使用可能な突然変異オブザーバの設定オプションのいずれもページに追加された要素に反応しないことを確認することができますいくつかのコードです:もう一度、SOはWhat is the most efficient way of detecting when an element with a particular ID is inserted in the DOM
重複ことが可能であることが見出さ:
var addMe = document.createElement("div");
var config = {
attributes: true,
childList: true,
characterData: true
}
var observer = new MutationObserver(function(mutations) {
console.log(mutations);
});
observer.observe(addMe, config);
function appendAddMe() {
document.body.appendChild(addMe);
}
div {
height: 50px;
width: 50px;
background: #969;
}
<button onclick="appendAddMe()">Append addMe</button>