이벤트 리스너 크로스 브라우저

Question

여기 내 문제 : 왜이 ​​코드는 작동하지 않습니다 ????? ... 메시지가 내가 생각하는 가장 smiple 방법을 .... jfriend00 많이

function test() 
    { 
    alert("test"); 
    } 

var EventsCrossBrowsers = 
{ 
    addEvents:(function(element,event,func) 
       { 
        if(element.addEventListener) 
        { 
         return elemenet.addEventListener(event,func,false); 
        } 
        else if(elemenet.attachEvent) 
        { 
         return elemenet.attachEvent("on"+event,func); 
        } 
       }()); 
} 

var x =document.getElementById("test"); 

EventsCrossBrowsers.addEvents(x,"click",test); 

덕분에 클릭 이벤트에 원소 (X)에 이벤트 리스너를 추가하려고 있어

표시되지 않습니다 : - 내가 당신을 다시 감사합니다 ... 수익을 이해하지 못하는 제외

function test() 
{ 
    alert("test"); 
} 

function addEventsCrossBrowsers(elemenet,event,func) 
{ 
    if(elemenet.addEventListener) 
    { 
     elemenet.addEventListener(event,func,false); 
    } 
    else if(elemenet.attachEvent) 
    { 
     elemenet.attachEvent("on"+event,func); 
    } 
} 
var x =document.getElementById("test"); 
addEventsCrossBrowsers(x,"click",test); 

두 번째 방법은 ... 당신의 방지 동작에

Answer 1

거의 동일합니다 에, 당신은 동일한 철자가되어야 elemenet과 element 모두를 사용하는 참조하십시오. 그것은 적어도 문제의 일부가 될 것입니다.

본인의 addEvents 함수는이 점에서 의미가없는 자체 실행 함수라는 것을 알았습니다. 그것은 단지 정상적인 기능을 해야하는 것 같습니다.

내 브라우저 간 이벤트 기능은 다음과 같습니다. 이벤트 처리기를 추가하는 기능 외에도 this 포인터와 events 개체를 정규화하여 모든 브라우저에서 동일하게 처리 할 수 ​​있습니다. 당신이 전파 및 기본 예방 옵션을 지정하지 않고 있지만 this 및 event 정상화와 간단한 버전을하려는 경우

// add event cross browser 
function addEvent(elem, event, fn) { 
    // avoid memory overhead of new anonymous functions for every event handler that's installed 
    // by using local functions 
    function listenHandler(e) { 
     var ret = fn.apply(this, arguments); 
     if (ret === false) { 
      e.stopPropagation(); 
      e.preventDefault(); 
     } 
     return(ret); 
    } 

    function attachHandler() { 
     // set the this pointer same as addEventListener when fn is called 
     // and make sure the event is passed to the fn also so that works the same too 
     var ret = fn.call(elem, window.event); 
     if (ret === false) { 
      window.event.returnValue = false; 
      window.event.cancelBubble = true; 
     } 
     return(ret); 
    } 

    if (elem.addEventListener) { 
     elem.addEventListener(event, listenHandler, false); 
     return {elem: elem, handler: listenHandler, event: event}; 
    } else { 
     elem.attachEvent("on" + event, attachHandler); 
     return {elem: elem, handler: attachHandler, event: event}; 
    } 
} 

function removeEvent(token) { 
    if (token.elem.removeEventListener) { 
     token.elem.removeEventListener(token.event, token.handler); 
    } else { 
     token.elem.detachEvent("on" + token.event, token.handler); 
    } 
} 

, 그이 될 것이다 :

// add event cross browser 
function addEvent(elem, event, fn) { 
    if (elem.addEventListener) { 
     elem.addEventListener(event, fn, false); 
    } else { 
     elem.attachEvent("on" + event, function() { 
      // set the this pointer same as addEventListener when fn is called 
      return(fn.call(elem, window.event)); 
     }); 
    } 
}