관리 메뉴

취미개발 블로그와 마음수양

자바스크립트 이벤트 연결 본문

Language/JavaScript

자바스크립트 이벤트 연결

아라한사 2014. 5. 28. 12:52
//고전 이벤트 연결
        window.onload = function () {
            var header = document.getElementById('header');
            //connect event
            header.onclick = function () {
                alert('clicked');

                //이벤트 제거까지
                header.onclick = null;
            }
        };


//인라인연결, 온클릭시 함수 연결할 수도 있다. 
 

click



표준연결
 window.onload = function () {
            var header = document.getElementById('my-header');

            //이벤트 연결하는 dom level2 표준 방식
            // 익스 전용 dom level2는 addEventListener 가 아니라 
            //attachEvent 를 사용한다. Fucking IE
            header.addEventListener('click', function () {
                this.innerHTML += '+';
            });
        };