首页客户案例高端网站建设SEO优化小程序APP开发抖音 X 获客网络营销关于动态联系咨询

Object.observe 监控对象在Chrome下可用

在以前的文章中介绍过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控件的即时变化,因为读取控件值的属性都是访问器属性。

日期:2015年04月15日

标签: 广州网站设计公司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设 、 广州网站制作公司 、 广州网站制作 、 高端网站设计 、 高端网站建设 、 广州高端网站设计 、 广州高端网站建设

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告