魚戀秋波 Neil Y.K. :
今天在增加网页功能时，遇到了一个大问题∶那就是当某些元件使用同一个事件时，若使用指定函数内容的方式来运作时，後者指定的函数会把前者函数覆写，所以前者就会失效啦！
这个问题第一个让我想到的是∶
addEventListener('click',function(){});
这个函数，说实在！我几乎没有用过这个函数，应该是说，没用到！哈哈！以前常常会想著像这样∶
object.onclick=function(){};
指定函数就好了，这一刻才了解addEventListener 这种函数存在的道理，把新函数累加到旧函数里去。
於是我很热血的查了一下addEventListener 的用法，发现不是每个浏览器都支援，於是又找到一个增加对於addEventListener 的支援的过载函数。
增加对於addEventListener 的支援 - if (!Element.prototype.addEventListener) {
- var oListeners = {};
- function runListeners(oEvent) {
- if (!oEvent) { oEvent = window.event; }
- for (var iLstId = 0, iElId = 0, oEvtListeners = oListeners[oEvent.type]; iElId < oEvtListeners.aEls.length; iElId++) {
- if (oEvtListeners.aEls[iElId] === this) {
- for (iLstId; iLstId < oEvtListeners.aEvts[iElId].length; iLstId++) { oEvtListeners.aEvts[iElId][iLstId].call(this, oEvent); }
- break;
- }
- }
- }
- Element.prototype.addEventListener = function (sEventType, fListener /*, useCapture (will be ignored!) */) {
- if (oListeners.hasOwnProperty(sEventType)) {
- var oEvtListeners = oListeners[sEventType];
- for (var nElIdx = -1, iElId = 0; iElId < oEvtListeners.aEls.length; iElId++) {
- if (oEvtListeners.aEls[iElId] === this) { nElIdx = iElId; break; }
- }
- if (nElIdx === -1) {
- oEvtListeners.aEls.push(this);
- oEvtListeners.aEvts.push([fListener]);
- this["on" + sEventType] = runListeners;
- } else {
- var aElListeners = oEvtListeners.aEvts[nElIdx];
- if (this["on" + sEventType] !== runListeners) {
- aElListeners.splice(0);
- this["on" + sEventType] = runListeners;
- }
- for (var iLstId = 0; iLstId < aElListeners.length; iLstId++) {
- if (aElListeners[iLstId] === fListener) { return; }
- }
- aElListeners.push(fListener);
- }
- } else {
- oListeners[sEventType] = { aEls: [this], aEvts: [ [fListener] ] };
- this["on" + sEventType] = runListeners;
- }
- };
- Element.prototype.removeEventListener = function (sEventType, fListener /*, useCapture (will be ignored!) */) {
- if (!oListeners.hasOwnProperty(sEventType)) { return; }
- var oEvtListeners = oListeners[sEventType];
- for (var nElIdx = -1, iElId = 0; iElId < oEvtListeners.aEls.length; iElId++) {
- if (oEvtListeners.aEls[iElId] === this) { nElIdx = iElId; break; }
- }
- if (nElIdx === -1) { return; }
- for (var iLstId = 0, aElListeners = oEvtListeners.aEvts[nElIdx]; iLstId < aElListeners.length; iLstId++) {
- if (aElListeners[iLstId] === fListener) { aElListeners.splice(iLstId, 1); }
- }
- };
- }
|
想说这一下好了，问题解决了！NO....
window.resize 这个事件没法动呀！整个就是作白工！所以整个就是很火大！害我花了那麽多时间...
最後鱼恋用了自己想到的办法∶
jaby_eventListener - /* 作者∶鱼恋秋波 http://neil.heyxu.com */
- function jaby_eventListener(tar,icode){
- eval('var a = String('+tar+'?'+tar+':\'function(){}\')');
- var p1 = a.indexOf('{');
- var p2 = a.indexOf('}',-1);
- a = a.substring(p1+1,p2);
- var func = 'function(){ '+a+icode+'};';
- eval(tar+'='+func);
- }
|
简简单单解决了困扰的问题～
本文为原创文章, 为尊重著作权, 未经作者同意请勿任意转载- 关键字 : iElId(16), oEvtListeners(15), iLstId(14), sEventType(11), aElListeners(9), nElIdx(8), function(8), oListeners(7), fListener(7), length(6), aEvts(6), runListeners(5), oEvent(5), return(3), prototype(3), break(3), Element(3), 整个就(2), 想到(2), window(2)
0 0
