魚戀秋波 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), 函數(2)
0 0
