dev
独树的风
1 year ago
parent
b2cc0bbb14
commit
6586a059c5
|
After Width: | Height: | Size: 1.7 KiB |
@ -1,105 +1,114 @@
|
|||||||
var EleResize = {
|
var EleResize = {
|
||||||
_handleResize: function (e) {
|
_handleResize: function (e) {
|
||||||
var ele = e.target || e.srcElement
|
var ele = e.target || e.srcElement
|
||||||
var trigger = ele.__resizeTrigger__
|
var trigger = ele.__resizeTrigger__
|
||||||
if (trigger) {
|
if (trigger) {
|
||||||
var handlers = trigger.__z_resizeListeners
|
var handlers = trigger.__z_resizeListeners
|
||||||
if (handlers) {
|
if (handlers) {
|
||||||
var size = handlers.length
|
var size = handlers.length
|
||||||
for (var i = 0; i < size; i++) {
|
for (var i = 0; i < size; i++) {
|
||||||
var h = handlers[i]
|
var h = handlers[i]
|
||||||
var handler = h.handler
|
var handler = h.handler
|
||||||
var context = h.context
|
var context = h.context
|
||||||
handler.apply(context, [e])
|
handler.apply(context, [e])
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
_removeHandler: function (ele, handler, context) {
|
}
|
||||||
var handlers = ele.__z_resizeListeners
|
},
|
||||||
if (handlers) {
|
_removeHandler: function (ele, handler, context) {
|
||||||
var size = handlers.length
|
var handlers = ele.__z_resizeListeners
|
||||||
for (var i = 0; i < size; i++) {
|
if (handlers) {
|
||||||
var h = handlers[i]
|
var size = handlers.length
|
||||||
if (h.handler === handler && h.context === context) {
|
for (var i = 0; i < size; i++) {
|
||||||
handlers.splice(i, 1)
|
var h = handlers[i]
|
||||||
return
|
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.onload = EleResize._handleObjectLoad
|
|
||||||
obj.type = 'text/html'
|
|
||||||
ele.appendChild(obj)
|
|
||||||
obj.data = 'about:blank'
|
|
||||||
return obj
|
|
||||||
},
|
|
||||||
_handleObjectLoad: function () {
|
|
||||||
this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__
|
|
||||||
this.contentDocument.defaultView.addEventListener('resize', EleResize._handleResize)
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
_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.onload = EleResize._handleObjectLoad
|
||||||
|
obj.type = 'text/html'
|
||||||
|
ele.appendChild(obj)
|
||||||
|
obj.data = 'about:blank'
|
||||||
|
return obj
|
||||||
|
},
|
||||||
|
_handleObjectLoad: function () {
|
||||||
|
this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__
|
||||||
|
this.contentDocument.defaultView.addEventListener(
|
||||||
|
'resize',
|
||||||
|
EleResize._handleResize
|
||||||
|
)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
if (document.attachEvent) { // ie9-10
|
if (document.attachEvent) {
|
||||||
EleResize.on = function (ele, handler, context) {
|
// ie9-10
|
||||||
var handlers = ele.__z_resizeListeners
|
EleResize.on = function (ele, handler, context) {
|
||||||
if (!handlers) {
|
var handlers = ele.__z_resizeListeners
|
||||||
handlers = []
|
if (!handlers) {
|
||||||
ele.__z_resizeListeners = handlers
|
handlers = []
|
||||||
ele.__resizeTrigger__ = ele
|
ele.__z_resizeListeners = handlers
|
||||||
ele.attachEvent('onresize', EleResize._handleResize)
|
ele.__resizeTrigger__ = ele
|
||||||
}
|
ele.attachEvent('onresize', EleResize._handleResize)
|
||||||
handlers.push({
|
|
||||||
handler: handler,
|
|
||||||
context: context
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
EleResize.off = function (ele, handler, context) {
|
handlers.push({
|
||||||
var handlers = ele.__z_resizeListeners
|
handler: handler,
|
||||||
if (handlers) {
|
context: context
|
||||||
EleResize._removeHandler(ele, handler, context)
|
})
|
||||||
if (handlers.length === 0) {
|
}
|
||||||
ele.detachEvent('onresize', EleResize._handleResize)
|
EleResize.off = function (ele, handler, context) {
|
||||||
delete ele.__z_resizeListeners
|
var handlers = ele.__z_resizeListeners
|
||||||
}
|
if (handlers) {
|
||||||
}
|
EleResize._removeHandler(ele, handler, context)
|
||||||
|
if (handlers.length === 0) {
|
||||||
|
ele.detachEvent('onresize', EleResize._handleResize)
|
||||||
|
delete ele.__z_resizeListeners
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
EleResize.on = function (ele, handler, context) {
|
EleResize.on = function (ele, handler, context) {
|
||||||
var handlers = ele.__z_resizeListeners
|
var handlers = ele.__z_resizeListeners
|
||||||
if (!handlers) {
|
if (!handlers) {
|
||||||
handlers = []
|
handlers = []
|
||||||
ele.__z_resizeListeners = handlers
|
ele.__z_resizeListeners = handlers
|
||||||
|
|
||||||
if (getComputedStyle(ele, null).position === 'static') {
|
if (getComputedStyle(ele, null).position === 'static') {
|
||||||
ele.style.position = 'relative'
|
ele.style.position = 'relative'
|
||||||
}
|
}
|
||||||
var obj = EleResize._createResizeTrigger(ele)
|
var obj = EleResize._createResizeTrigger(ele)
|
||||||
ele.__resizeTrigger__ = obj
|
ele.__resizeTrigger__ = obj
|
||||||
obj.__resizeElement__ = ele
|
obj.__resizeElement__ = ele
|
||||||
}
|
|
||||||
handlers.push({
|
|
||||||
handler: handler,
|
|
||||||
context: context
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
EleResize.off = function (ele, handler, context) {
|
handlers.push({
|
||||||
var handlers = ele.__z_resizeListeners
|
handler: handler,
|
||||||
if (handlers) {
|
context: context
|
||||||
EleResize._removeHandler(ele, handler, context)
|
})
|
||||||
if (handlers.length === 0) {
|
}
|
||||||
var trigger = ele.__resizeTrigger__
|
EleResize.off = function (ele, handler, context) {
|
||||||
if (trigger) {
|
var handlers = ele.__z_resizeListeners
|
||||||
trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize)
|
if (handlers) {
|
||||||
ele.removeChild(trigger)
|
EleResize._removeHandler(ele, handler, context)
|
||||||
delete ele.__resizeTrigger__
|
if (handlers.length === 0) {
|
||||||
}
|
var trigger = ele.__resizeTrigger__
|
||||||
delete ele.__z_resizeListeners
|
if (trigger) {
|
||||||
}
|
trigger.contentDocument.defaultView.removeEventListener(
|
||||||
|
'resize',
|
||||||
|
EleResize._handleResize
|
||||||
|
)
|
||||||
|
ele.removeChild(trigger)
|
||||||
|
delete ele.__resizeTrigger__
|
||||||
}
|
}
|
||||||
|
delete ele.__z_resizeListeners
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
export default EleResize
|
export default EleResize
|
||||||
|
|||||||
Loading…
Reference in new issue