在以前的文章中介紹過DOM4的MutationObserver,它可以用來監視DOM元素的屬性變化。在目前最新的穩定版Chrome中(Chrome26)已經可以使用Object.observe來監視一般JavaScript對象了。但也只對值屬性有用,對訪問器屬性的結果依然無力。
運行<script>
var o={};
//為對象o添加屬性操作監視
Object.observe(o,function(changies){
console.log(changies);
});
o.p=1; //添加屬性
o.p=1; //值沒變,不會觸發
o.p=2; //更新屬性值
delete o.p; //刪除屬性
</script>
但如果用于訪問器屬性或有其它特性的屬性情況就不同了
運行<script>
var p;
var o={
get p(){return p;},
set p(v){p=v;}
};
//為對象o添加屬性操作監視
Object.observe(o,function(changies){
console.log(changies);
});
o.p=123; //訪問器屬性操作,不會觸發
console.log(o.p);
Object.defineProperty(o,"x",{value:1}); //添加屬性,會觸發
//因為x屬性是只讀且不可配置的,所以寫和刪除操作都無效,不會觸發
o.x=123;
delete o.x;
</script>
所以我們依然無法使用Object.observe來監控DOM控件的即時變化,因為讀取控件值的屬性都是訪問器屬性。
當前標題:Object.observe監控對象在Chrome下可用
文章出自:http://m.newbst.com/news14/320464.html
成都網站建設公司_創新互聯,為您提供企業建站、域名注冊、網站排名、建站公司、定制網站、營銷型網站建設
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯