html text_HTML/Xhtml_웹페이지 제작의 일반적인 이벤트 및 방법에 대한 자세한 설명

이벤트 설명
onactivate: 개체가 활성 요소로 설정될 때 트리거됩니다.
onafterupdate: 데이터 소스 개체의 연결된 개체가 성공적으로 업데이트되면 데이터 바인딩 개체에서 트리거됩니다.
onbeforeactivate: 객체가 현재 요소로 설정되기 직전에 트리거됩니다.
onbeforecut: 선택 항목이 문서에서 삭제되기 전에 소스 개체에서 트리거됩니다.
onbeforedeactivate: activeElement가 현재 개체에서 상위 문서의 다른 개체로 변경되기 직전에 트리거됩니다.
onbeforeeditfocus: 편집 가능한 요소에 포함된 객체가 사용자 인터페이스 활성화 상태로 들어가기 전이나 편집 가능한 컨테이너가 컨트롤 선택 영역이 되기 전에 트리거됩니다.
onbeforepaste: 선택한 영역을 시스템 클립보드에서 문서에 붙여넣기 전에 대상 개체에서 트리거됩니다.
onbeforeupdate: 데이터 소스 개체의 연결된 개체가 성공적으로 업데이트되기 전에 데이터 바인딩 개체에서 트리거됩니다.
onblur: 객체가 입력 포커스를 잃을 때 트리거됩니다.
onchange: 개체의 내용이나 선택한 영역이 변경될 때 트리거됩니다.
onclick: 사용자가 마우스 왼쪽 버튼으로 개체를 클릭할 때 트리거됩니다.
oncontextmenu: 사용자가 클라이언트 영역을 마우스 오른쪽 버튼으로 클릭하여 컨텍스트 메뉴를 열 때 트리거됩니다.
oncontrolselect: 사용자가 객체에 대한 컨트롤 선택 영역을 만들려고 할 때 트리거됩니다.
oncut: 개체나 선택 항목이 문서에서 제거되고 시스템 클립보드에 추가되면 소스 요소에서 실행됩니다.
ondblclick: 사용자가 개체를 두 번 클릭하면 시작됩니다.
ondeactivate: activeElement가 현재 개체에서 상위 문서의 다른 개체로 변경될 때 트리거됩니다.
ondrag: 드래그 작업이 수행될 때 소스 객체에서 지속적으로 트리거됩니다.
ondragend: 드래그 작업이 끝난 후 사용자가 마우스를 놓으면 소스 객체에서 실행됩니다.
ondragenter: 사용자가 개체를 합법적인 드래그 대상으로 드래그할 때 대상 요소에서 트리거됩니다.
ondragleave: 드래그 작업 중에 사용자가 합법적인 드래그 대상 밖으로 마우스를 이동할 때 대상 개체에서 트리거됩니다.
Ondragover: 사용자가 합법적인 드래그 대상을 가로질러 개체를 드래그할 때 대상 요소에서 지속적으로 트리거됩니다.
ondragstart: 사용자가 텍스트 선택 영역이나 선택한 개체를 드래그하기 시작할 때 소스 개체에서 트리거됩니다.
ondrop: 드래그 작업 중에 마우스 버튼을 놓으면 대상 개체에서 실행됩니다.
onerrorupdate: 데이터 소스 개체에서 관련 데이터를 업데이트할 때 오류가 발생할 때 데이터 바인딩 개체에서 트리거됩니다.
onfilterchange: 시각적 필터의 상태가 변경되거나 전환이 완료되면 시작됩니다.
onfocus: 객체에 초점이 맞춰지면 실행됩니다.
onfocusin: 요소가 포커스로 설정되기 전에 실행됩니다.
onfocusout: 포커스를 다른 요소로 이동한 직후 현재 포커스가 있는 요소에서 트리거됩니다.
onhelp: 브라우저가 현재 창일 때 사용자가 F1 키를 누르면 트리거됩니다.
onkeydown: 사용자가 키보드 키를 누르면 실행됩니다.
onkeypress: 사용자가 리터럴 키를 누르면 실행됩니다.
onkeyup: 사용자가 키보드 키를 놓으면 실행됩니다.
onlosecapture: 개체가 마우스 캡처를 잃을 때 트리거됩니다.
onmousedown: 사용자가 마우스 버튼으로 개체를 클릭하면 시작됩니다.
onmouseenter: 사용자가 마우스 포인터를 개체 안으로 이동할 때 시작됩니다.
onmouseleave: 사용자가 마우스 포인터를 개체 경계 밖으로 이동할 때 실행됩니다.
onmousemove: 사용자가 개체 위로 마우스를 이동할 때 트리거됩니다.
onmouseout: 사용자가 마우스 포인터를 개체 경계 밖으로 이동할 때 시작됩니다.
onmouseover: 사용자가 마우스 포인터를 개체 위로 이동할 때 실행됩니다.
onmouseup: 마우스가 개체 위에 있는 동안 사용자가 마우스 버튼을 놓으면 실행됩니다.
onmousewheel: 마우스 휠 버튼을 회전하면 실행됩니다.
onmove: 객체가 움직일 때 트리거됩니다.
onmoveend: 객체가 움직이지 않으면 시작됩니다.
onmovestart: 객체가 움직이기 시작할 때 시작됩니다.
onpaste: 사용자가 시스템 클립보드의 데이터를 문서로 전송하기 위해 데이터를 붙여 넣을 때 대상 개체에서 실행됩니다.
onpropertychange: 객체에서 속성 변경이 발생할 때 시작됩니다.
onreadystatechange: 객체 상태가 변경되면 트리거됩니다.
onresize: 객체의 크기가 변경되려고 할 때 트리거됩니다.
onresizeend: 사용자가 컨트롤의 선택된 영역에서 개체의 크기를 변경할 때 트리거됩니다.
onresizestart: 사용자가 컨트롤의 선택 영역에서 개체의 크기를 변경하기 시작할 때 트리거됩니다.
onselect: 현재 선택한 영역이 변경되면 트리거됩니다.
onselectstart: 객체가 선택되려고 할 때 트리거됩니다.
ontimeerror: 특정 시간 오류가 발생할 때 무조건 트리거됩니다. 일반적으로 속성을 잘못된 값으로 설정하여 발생합니다.

메서드 설명
addBehavior: 요소에 동작을 연결합니다.
appendChild: 객체에 하위 요소를 추가합니다.
applyElement: 요소를 다른 요소의 하위 요소 또는 상위 요소로 만듭니다.
attachEvent: 이벤트가 객체에서 발생할 때마다 함수가 호출되도록 지정된 함수를 이벤트에 바인딩합니다.
blur: 요소의 포커스를 잃게 만들고 onblur 이벤트를 트리거합니다.
clearAttributes: 객체에서 모든 태그 속성과 값을 제거합니다.
클릭: onclick 이벤트를 트리거하여 클릭을 시뮬레이션합니다.
cloneNode: 문서 계층 구조에서 개체에 대한 참조를 복사합니다.
comComponentFromPoint: 특정 이벤트를 통해 지정된 좌표에서 객체의 위치를 ​​반환합니다.
포함: 해당 요소가 개체에 포함되어 있는지 확인합니다.
createTextRange: 요소에 대한 TextRange 개체를 만듭니다.
detachEvent: 이벤트가 트리거될 때 함수가 알림을 받지 않도록 이벤트에서 지정된 함수를 바인딩 해제합니다.
dragDrop: 드래그 이벤트를 초기화합니다.
fireEvent: 개체의 지정된 이벤트를 트리거합니다.
focus: 요소가 포커스를 얻고 onfocus 이벤트에 지정된 코드를 실행하도록 합니다.
getAdjacentText: 인접한 텍스트 문자열을 반환합니다.
getAttribute: 지정된 태그 속성의 값을 가져옵니다.
getAttributeNode: attribute.name 속성이 참조하는 속성 객체를 가져옵니다.
getBoundingClientRect: 지정된 TextRectangle 개체 컬렉션에 바인딩된 개체를 가져옵니다.
getClientRects: 객체의 내용이나 클라이언트 영역의 레이아웃을 설명하는 직사각형 컬렉션을 가져옵니다. 각 직사각형은 직선을 나타냅니다.
getExpression: 특정 속성의 표현식을 가져옵니다.
hasChildNodes: 객체에 하위 객체가 있는지 여부를 나타내는 값을 반환합니다.
insertAdjacentElement: 지정된 위치에 요소를 삽입합니다.
insertAdjacentHTML: 지정된 HTML 텍스트를 요소의 지정된 위치에 삽입합니다.
insertAdjacentText: 지정된 위치에 주어진 텍스트를 삽입합니다.
insertBefore: 문서 계층 구조에 요소를 삽입합니다.
mergeAttributes: 모든 읽기/쓰기 태그 속성을 지정된 요소에 복사합니다.
normalize: 인접한 TextNode 개체를 병합하여 일반 문서 개체 모델을 생성합니다.
releaseCapture: 현재 문서에서 개체의 마우스 캡처를 해제합니다.
removeAttribute: 객체의 지정된 태그 속성을 제거합니다.
removeAttributeNode: 객체에서 속성 객체를 제거합니다.
removeBehavior: 요소를 분리하는 동작입니다.
removeChild: 요소에서 하위 노드를 제거합니다.
removeExpression: 지정된 속성에서 표현식을 제거합니다.
removeNode: 문서 계층 구조에서 개체를 제거합니다.
replaceAdjacentText: 요소의 인접한 텍스트를 바꿉니다.
replaceChild: 기존 하위 요소를 새 하위 요소로 바꿉니다.
replaceNode: 객체를 다른 요소로 대체합니다.
scrollIntoView: 개체를 가시 범위로 스크롤하고 창 상단이나 하단에 정렬합니다.
select: 양식 요소의 입력 영역을 강조 표시합니다.
setActive: 객체에 포커스를 두지 않고 객체를 현재 객체로 설정합니다.
setAttribute: 지정된 태그 속성의 값을 설정합니다.
setAttributeNode: 속성 객체를 객체의 일부로 설정합니다.
setCapture: 현재 문서에 속한 개체의 마우스 캡처를 설정합니다.
setExpression: 지정된 객체의 표현식을 설정합니다.
swapNode: 문서 계층 구조에서 두 개체의 위치를 ​​바꿉니다.