2018年10月20日 星期六

[JavaScript] MutationObserver(監聽DOM物件的改變)

MutationObserver可以用來監聽一個DOM物件的內容是否被修改。然而,監視對象並不是在初始化階段設置的,而是在之後用方法observe時提供的。
初始化階段只聲明這個observer被觸發時的callback函式,參數有兩個:mutations,那些被監聽到的變化;target,監聽對象。
===
var observer = new MutationObserver(function (mutations, target) {
    // callback
});
var options = {
    childList: true,
    attributes: true,
    characterData: true,
    subtree: true,
    attributeFilter: undefined
};
observer.observe(target, options);
observer.disconnect();
===.
呼叫observe方法時監聽才開始。options中childList代表是否監聽子節點變化;attributes代表屬性的變化;characterData代表資料;subtree代表是否往下遞迴。

[HTML] ribody

怕自己忘記,稍微紀錄一下。 各種各種理由(其中一個就是Vue,不能綁定在body上),導致時常需要一個包在body中的div,當作body來用,像這樣: === <body>     <div id="divBody">   ...