JS如何监听div的resize事件详解
需求
开发过程中经常遇到的一个问题就是如何监听一个div的size变化。
比如我用canvas绘制了一个chart，当canvas的size发生变化的时候，需要重新绘制里面的内容，这个时候就需要监听resize事件做处理。
window上虽然可以添加resize事件监听，但这并不能满足我们的需求，因为很多时候，div的size发生了变化，但是window的size并没有改变。
不过我们可以间接利用window的resize事件监听来实现对于某个div的resize事件监听，请看下面具体实现。
对于div的resize事件的监听，实现方式有很多，比如周期性检查，通过scroll事件等等，本文主要介绍通过object元素来实现监听。
具体实现
/**
*Createdbytaozhon2017/5/6.
*taozh1982@gmail.com
*/
varEleResize={
_handleResize:function(e){
varele=e.target||e.srcElement;
vartrigger=ele.__resizeTrigger__;
if(trigger){
varhandlers=trigger.__z_resizeListeners;
if(handlers){
varsize=handlers.length;
for(vari=0;i
测试代码：
Resize
addListener
removeListener
resize