jQuery의 이벤트 구현 특징 . 이벤트 핸들러를 할당할 수 있는 통합 메서드를 제공 . 엘리먼트의 이벤트 타입마다 여러 핸들러를 할당 . click, mouseover 같은 표준 이벤트 타입명을 사용 . 핸들러의 매개변수를 써서 Event 인스턴스를 사용 . 자주 사용하는 Event 인스턴스의 프로퍼티들에 일관된 이름을 사용 . 이벤트 해제와 기본 행동을 막는 통합 메서드를 제공 캡쳐 단계를 지원하지 못하며, 하나의 API로 표준 호환 브라우저와 인터넷 익스플로러를 모두 지원 . bind( eventType=String, data=Object, listener=Function ) 일치된 집합에 있는 모든 엘리먼트에 지정한 이벤트 타입의 핸들러로 전달된 함수를 할당 eventType : 핸들러를 할당할..

인터넷 익스플로러 6과 7은 DOM 레벨2 이벤트 모델을 지원하지 않는다. 버블 단계와 유사한 자신만의 인터페이스를 제공 attachEvent(eventName, handler) eventName : DOM 레벨0 모델의 엘리먼트 프로퍼티와 동일한 이름을 사용 handler : 핸들러로 덧붙일 함수 Event 인스턴스는 window.event 프로퍼티에서 참조해야

DOM 레벨0 이벤트 모델의 단점은 엘리먼트의 특정 이벤트 타입에 한 이벤트 핸들러만 할당할 수 있다는 것 . 이벤트 할당하기 DOM 레벨2에서는 특정 엘리먼트 메서드를 사용하여 이벤트 핸들러를 할당 각 DOM 엘리먼트는 이벤트 핸들러를 덧붙일 수 있는 addEventListener()메서드를 정의 addEventListener( eventType, listener, useCapture ) eventType : DOM 레벨0 이벤트 모델의 이벤트명에서 'on' 접두어를 뺀 것. click, keydown등 listener : 핸들러로 할당할 함수의 참조나 인라인 함수 useCapture : event 캡처 단계에서 사용할지의 Boolean값. true - 캡처 단계 핸들러로 실행, false - 버블 단..

. 브라우저 이벤트 모델 이해하기 브라우저의 이벤트 처리표준이 생기기 전 네스케이프 내비게이터(Netscape Navigator) 브라우저에 이벤트 핸들링 모델을 도입한 것을 DOM 레벨0 이벤트 모델 참고 - DOM레벨은 W3C DOM명세를 구현의 요구 수준을 지칭하는데 사용한다. 사실 DOM레벨0 이라는 것은 없다. 다만 DOM 레벨1 이전에 구현한 것들을 비공식적으로 지칭한다. W3C는 2000년 11월 DOM 레벨2를 발표 파이어폭스나 카미노(Camino)와 같은 모질라 기반 브라우저, 사파리, 오페라(Opera)와 같은 최신 표준을 준수하는 브라우저들이 이 모델을 지원한다. 인터넷 익스플로러(Internet Explorer)는 자체 표준이 있으며 자신만의 인터페이스를 사용하긴 하나 DOM 레벨2..

자바스크립트에서 함수는 객체로 간주 다음과 같이 이용될 수 있다. . 변수에 할당 . 객체의 프로퍼티에 할당 . 매개변수로 전달 . 함수의 결과값으로 반환 . 리터럴을 이용해서 생성 요롷게 코딩을 하지만 function doSomethingWonderful() { alert('!!!'); } function 키워드는 자동으로 Function 인스턴스를 생성하고 가짜 함수 '이름'을 사용해서 생성한 window 프로퍼티에 할당한다. doSomethingWonderful = function() { alert('!!!'); } 실제로는 요롷게 처리되고 있다. function hello() { alert('hi'); } 또는 hello = function() { alert('hi'); } 또는 window.he..

자바스크립트의 Object는 아무런 데이터도 없으며, 별다른 의미도 없기 때문에 원하는 데이터를 가지는 객체로 사용할 수(만들어갈 수) 있다. . 객체 만들기 var ride = new Object(); . 객체의 프로퍼티 설정? 사용! var ride = new Object(); ride.make = 'Yamaha'; ride.model = 'V-Star Silverado 1100'; ride.year = 2015; ride.prchased = new Date(2015,3,12); 프로퍼티는 할당하기 전에 선언하지 않아도 된다. 값을 할당하는 것만으로 이용할 수 있다. 실수로 프로퍼티명을 잘못 입력하면(오타를 만들면) 작성한 프로그램에 버그가 생기게 된다. Syntax오류가 아닌 정상적인 문장이므로 오..