Development/JavaScript, jQuery, ...(535)
-
객체나 요소의 메소드로 이벤트 리스너를 전달하는 방법
객체나 요소의 메소드로 이벤트 리스너를 전달하는 방법· 표준 이벤트 모델· 웹 표준을 만드는 단체인 W3C에서 공식적으로 지정한 DOM Level 2 이벤트 모델입니다.· 객체나 요소의 메소드로 이벤트 리스너를 전달하는 방법입니다. · 이벤트 리스너를 프로퍼티로 등록할 때는 "on"이 붙은 이벤트 타입을 사용하지만, addEventListener() 메소드에서는 "on"이 붙지 않은 이벤트 타입을 사용해야 합니다. 객체나 요소의 메소드로 이벤트 리스너를 전달할 때는 다음의 메소드를 사용할 수 있습니다.
-
객체나 요소에 프로퍼티로 등록하는 방법 - 자바스크립트 코드에서 프로퍼티로 등록하는 방법, HTML 태그에 속성으로 등록하는 방법
객체나 요소에 프로퍼티로 등록하는 방법객체나 요소에 프로퍼티로 이벤트 리스너를 등록할 때는 다음과 같은 방법을 사용할 수 있습니다. · 자바스크립트 코드에서 프로퍼티로 등록하는 방법· HTML 태그에 속성으로 등록하는 방법 자바스크립트 코드에서 프로퍼티로 등록· 이벤트의 대상이 되는 객체나 요소에 자바스크립트 코드에서 프로퍼티로 등록하는 방법은 거의 모든 브라우저가 대부분의 이벤트 타입을 지원하고 있습니다.· 이 방법은 이벤트 타입별로 오직 하나의 이벤트 리스너만을 등록할 수 있습니다. HTML 태그에 속성으로 등록· HTML 태그의 속성에 이벤트를 처리하는 방식으로 인라인 이벤트 처리방식이라고도 합니다.· 이 방법은 HTML 코드에 자바스크립트 코드가 추가됨으로써 가독성이 안 좋아지며, 유지보수도 힘들..
-
이벤트 유형(event type), 이벤트 속성
이벤트 유형(event type)· 이벤트 유형(event type)은 발생한 이벤트의 종류를 나타내는 문자열을 의미합니다.· 다른 말로 이벤트 타입(event type), 이벤트 명(event name)이라고도 합니다.· 키보드, 마우스, HTML DOM, Window 객체 , HTML 프레임, HTML 입력 양식 등의 이벤트가 있습니다. 이벤트 속성이벤트가 발생했을 때 이벤트 발생으로 호출되어야 할 이벤트 핸들러(실행 함수)를 연결하는 역할을 합니다.
-
이벤트(event), 이벤트 중심(event-driven)의 프로그래밍 언어, 이벤트 예 , 이벤트 처리
이벤트(event)· 이벤트는 사용자가 브라우저에서 특정한 동작을 했을 때 그에 대한 작용으로 일어나는 것입니다.· 웹 브라우저가 알려주는 HTML 요소에 대한 특정 사건의 발생을 의미합니다.· 사용자에 의한 특정 행위의 결과로 발생하는 사용자와 프로그램 사이의 상호작용 처리를 위한 요인이 됩니다. 이벤트 중심(event-driven)의 프로그래밍 언어웹 페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행하게 됩니다. 이때 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고 합니다. 이벤트 예 · 키보드 입력, · 마우스 클릭, · 버튼 클릭, · 하이퍼링크 위에 마우스 커서 위치 등 이벤트 처리 구분 설명 이벤트 연결 window 객체..
-
노드의 복사, cloneNode()
노드의 복사cloneNode() 메소드를 사용하면 특정 노드를 복제할 수 있습니다. cloneNode() 기존의 존재하는 노드와 똑같은 새로운 노드를 생성하여 반환합니다. 인자 설명 자식 노드 복제 여부 · 전달된 값이 true이면 복제되는 노드의 모든 속성 노드와 자식 노드도 같이 복제합니다. · 전달된 값이 false이면 속성 노드만 복제하고 자식 노드는 복제하지 않습니다
-
속성 노드의 값 변경 - setAttribute()
속성 노드의 값 변경setAttribute() 메소드는 속성값을 변경하려는 속성이 존재하지 않으면, 먼저 해당 속성을 생성한 후에 속성값을 설정합니다. 만약 이미 속성값이 존재한다면 그 값을 지우고 새로운 값을 적용합니다. document.getElementById( 'target' ).setAttribute( 'title', 'This is title' ) id 값이 target인 요소의 title 속성을 This is title로 정합니다.