인라인 이벤트 모델, 기본 이벤트 모델

인라인 이벤트 모델, 기본 이벤트 모델

CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...

인라인 이벤트 모델

· ≒ 기본 이벤트 모델

· HTML 태그의 이벤트 속성에 이벤트 핸들러(실행 함수)를 직접 입력하는 형태입니다.

· HTML 페이지의 가장 기본적인 이벤트 연결 방법으로 한 번에 하나의 이벤트 리스너만을 가질 수 있습니다.

div태그에 onclick속성 추가

<html>

<head>

function whenClick(){

alert('CLICK');

}

</script>

</head>

</body>

</html>

기본 이벤트 모델

<html>

<head>

window.onload = function(){

var header = document.getElementById('header');

function whenClick(){

alert('CLICK');

}

header.onclick = whenClick; //이벤트 연결

};

</script>

</head>

<body>

</body>

</html>

CodeDragon