HTML 4.0의 새로운 기능 중 하나는 사용자가 HTML 요소를 클릭할 때 JavaScript가 시작되는 등 HTML 이벤트가 브라우저에서 작업을 트리거하도록 하는 기능입니다. 다음은 이벤트 동작을 정의하기 위해 HTML 태그에 삽입할 수 있는 속성 목록입니다.
속성 | 이 사건은 언제 일어났나요... |
---|---|
중단 | 이미지 로딩이 중단되었습니다. |
흐림 | 요소가 포커스를 잃습니다. |
변경 | 필드의 내용이 변경되었습니다. |
클릭 | 사용자가 개체를 클릭하면 호출되는 이벤트 핸들러입니다. |
dbl클릭 | 사용자가 개체를 두 번 클릭하면 호출되는 이벤트 핸들러입니다. |
오류 발생 | 문서나 이미지를 불러오는 중 오류가 발생했습니다. |
집중 | 요소가 포커스를 받습니다. |
onkeydown | 키보드 키를 눌렀습니다. |
키를 누르세요 | 키보드 키를 눌렀다 떼었습니다. |
온키업 | 키보드 키가 해제되었습니다. |
온로드 | 페이지나 이미지가 로드됩니다. |
마우스다운 | 마우스 버튼을 눌렀습니다. |
마우스무브 | 마우스가 움직입니다. |
마우스아웃 | 마우스가 요소에서 멀어집니다. |
마우스오버 | 요소 위로 마우스를 이동하세요. |
온마우스업 | 마우스 버튼이 해제되었습니다. |
재설정시 | 초기화 버튼을 눌렀습니다. |
크기 조정 | 창이나 프레임의 크기가 조정되었습니다. |
선택 | 텍스트가 선택되었습니다. |
제출 | 확인 버튼을 눌렀습니다. |
언로드 | 사용자가 페이지를 종료합니다. |
마우스/키보드 속성
속성 | 설명 |
---|---|
alt키 | 이벤트가 발생했을 때 "ALT"를 눌렀는지 여부를 반환합니다. |
버튼 | 이벤트가 트리거되었을 때 어떤 마우스 버튼을 클릭했는지 반환합니다. |
클라이언트X | 이벤트가 발생했을 때 마우스 포인터의 수평 좌표를 반환합니다. |
클라이언트Y | 이벤트가 발생했을 때 마우스 포인터의 수직 좌표를 반환합니다. |
ctrl키 | 이벤트가 트리거될 때 "CTRL" 키를 눌렀는지 여부를 반환합니다. |
메타키 | 이벤트가 트리거될 때 "메타" 키를 눌렀는지 여부를 반환합니다. |
관련 타겟 | 이벤트 대상 노드와 관련된 노드를 반환합니다. |
스크린X | 이벤트가 발생했을 때 마우스 포인터의 수평 좌표를 반환합니다. |
스크린Y | 이벤트가 발생했을 때 마우스 포인터의 수직 좌표를 반환합니다. |
shift키 | 이벤트가 트리거될 때 "SHIFT" 키를 눌렀는지 여부를 반환합니다. |
공통 HTML 요소의 이벤트:
온클릭(클릭),
ondblclick(더블클릭),
onkeydown(키 누름),
onkeypress (버튼 클릭),
onkeyup(키 릴리스),
onmousedown(마우스 다운),
onmousemove(마우스 이동),
onmouseout(마우스가 요소 범위를 벗어남),
onmouseover (마우스가 요소 범위로 이동),
onmouseup(마우스 버튼 놓기),
oncontextmenu(마우스 오른쪽 버튼을 클릭하면 브라우저에 "오른쪽 클릭 메뉴"가 표시될 때 트리거됨)
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.