监测div大小变化_JS监听div的resize事件

/**

* Created by taozh on 2017/5/6.

* taozh1982@gmail.com*/

var EleResize ={

_handleResize:function(e) {var ele = e.target ||e.srcElement;var trigger =ele.__resizeTrigger__;if(trigger) {var handlers =trigger.__z_resizeListeners;if(handlers) {var size =handlers.length;for (var i = 0; i < size; i++) {var h =handlers[i];var handler =h.handler;var context =h.context;

handler.apply(context, [e]);

}

}

}

},

_removeHandler:function(ele, handler, context) {var handlers =ele.__z_resizeListeners;if(handlers) {var size =handlers.length;for (var i = 0; i < size; i++) {var h =handlers[i];if (h.handler === handler && h.context ===context) {

handlers.splice(i,1);return;

}

}

}

},

_createResizeTrigger:function(ele) {var obj = document.createElement('object');

obj.setAttribute('style','display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;');

obj.οnlοad=EleResize._handleObjectLoad;

obj.type= 'text/html';

ele.appendChild(obj);

obj.data= 'about:blank';returnobj;

},

_handleObjectLoad:function(evt) {this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__;this.contentDocument.defaultView.addEventListener('resize', EleResize._handleResize);

}

};if (document.attachEvent) {//ie9-10

EleResize.on = function(ele, handler, context) {var handlers =ele.__z_resizeListeners;if (!handlers) {

handlers=[];

ele.__z_resizeListeners=handlers;

ele.__resizeTrigger__=ele;

ele.attachEvent('onresize', EleResize._handleResize);

}

handlers.push({

handler: handler,

context: context

});

};

EleResize.off= function(ele, handler, context) {var handlers =ele.__z_resizeListeners;if(handlers) {

EleResize._removeHandler(ele, handler, context);if (handlers.length === 0) {

ele.detachEvent('onresize', EleResize._handleResize);deleteele.__z_resizeListeners;

}

}

}

}else{

EleResize.on= function(ele, handler, context) {var handlers =ele.__z_resizeListeners;if (!handlers) {

handlers=[];

ele.__z_resizeListeners=handlers;if (getComputedStyle(ele, null).position === 'static') {

ele.style.position= 'relative';

}var obj =EleResize._createResizeTrigger(ele);

ele.__resizeTrigger__=obj;

obj.__resizeElement__=ele;

}

handlers.push({

handler: handler,

context: context

});

};

EleResize.off= function(ele, handler, context) {var handlers =ele.__z_resizeListeners;if(handlers) {

EleResize._removeHandler(ele, handler, context);if (handlers.length === 0) {var trigger =ele.__resizeTrigger__;if(trigger) {

trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize);

ele.removeChild(trigger);deleteele.__resizeTrigger__;

}deleteele.__z_resizeListeners;

}

}

}

}