Event

문서에서 Element에 변화가 생기면서 발생하는 모든 사건
이벤트타입: click, mouseover, load, mouseout, unload, change,submit, focus, blur, error, keypress,DOMContentLoaded,touchstart ..
Mozilla event reference

Event 등록 방법

//인라인
<body onload="alert(1)">

//프로퍼티로 주기
window.load=function(){
    alert("load");
};

//DOM 레벨2
window.addEventListener('load', function(){
    alert("load");
});

DOM 레벨2 권장
IE에서는 독자적인 모델 구현
크로스브라우징 구현

이벤트 등록,제거

Methods, Properties

Callback 함수

var clickCount = 0;
function popup(event){
    console.log(++clickCount);
    console.log(arguments, this ,event ,event.type,event.currentTarget);
}
document.body.addEventListener('click', popup);

document.body.addEventListener('click', function(){
    console.log("click");
});

특정 동작(이벤트)등이 완료후에 발생하는 함수
this, event.currentTarget : 이벤트 처리기가 등록된 객체

이벤트 전파

캡쳐,버블
예제

이벤트 전파 중지

event.stopPropagation(); // 이벤트 전파 중지

event.preventDefault(); // 기본 행동 중지

results matching ""

No results matching ""