'javascript'에 해당되는 글 3건

  1. 2013.12.14 HTML Body에서 클릭 이벤트 처리

 window.onload = function() {

    document.body.onclick=function(e) {

       

        /*e 존재하면 e변수를 event 넣고,

        e undefine이면 window.event 속성을 변수 event 넣는다. */

        var event=e || window.event;   

       

        document.body.innerHTML='';

       

        for(var key in event) {

            document.body.innerHTML += '<p>' + key + ' : ' + event[key] + '</p>';

        }

    };

};


인터넷 익스플로러 8이하의 버전은 이벤트가 발생할 때 이벤트 객체를 window.event속성으로 전달하지만, 

다른 브라우저는 이벤트 핸들러의 매개 변수로 전달하므로 이렇게 처리한다.


하지만 인터넷 익스플로러 9부터는 두가지 방식 모두 사용이 가능하다!




Posted by No names
,