인터넷 익스플로러 이벤트 모델, 표준 이벤트 모델

인터넷 익스플로러 이벤트 모델, 표준 이벤트 모델

CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...

인터넷 익스플로러 이벤트 모델

· ≒표준 이벤트 모델

· 한 번에 하나의 이벤트 리스너만을 가질 수 있는 DOM Level 0이벤트 모델들의 단점을 보완하기 위해 만들어진 DOM Level 2 이벤트 모델입니다.

· 국내에서는 인터넷 익스플로러 이벤트 모델을 많이 사용합니다.

· IE8이전 버전에서 동작합니다.

이벤트 연결 및 제거 메소드

· 표준 이벤트 모델가 비슷하지만 이벤트 연결및 제거에 사용되는 메소드가 다릅니다.

· 두 가지 메소드는 이벤트를 연결하거나 제거할 수 있는 방법으로 첫 번째 매개변수에 이벤트 속성을 넣어줍니다.

메소드 구조	설명
attachEvent(eventProperty,eventHandler)	이벤트 연결 메소드
detachEvent(eventProperty,eventHandler)	이벤트 제거 메소드

표준 이벤트 모델

· 웹 표준을 만드는 단체인 W3C에서 공식적으로 지정한 DOM Level 2 이벤트 모델입니다.

· 객체나 요소의 메소드로 이벤트 리스너를 전달하는 방법입니다.

addEventListener(eventName, handler, useCapture)	이벤트 연결
removeEventListener(eventName, handler)	이벤트 제거

<!DOCTYPE html>

<html>

<head>

window.addEventListener('load', function(){

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

header.addEventListener('click', function(){

alert('클릭');

}, false);

</script>

</head>

<body>

<h1 id="header">Header Click</h1>

</body>

</html>

[jQuery] style 조작 메서드, 문서 객체의 스타일 속성 추가 형식 (0)	2019.07.23
[jQuery] 선택자 기반 트리 탐색 메서드 (0)	2019.07.23
인라인 이벤트 모델, 기본 이벤트 모델 (0)	2019.07.18
객체 리터럴 방식으로 객체 생성하기 (0)	2019.07.15
switch 문 (0)	2019.07.11

CodeDragon