HTML 이벤트 속성에 대한 기본 지식에 대한 자세한 소개

이벤트 속성 소개:

HTML 4의 새로운 기능 중 하나는 HTML 이벤트가 브라우저에서 사용자가 HTML 요소를 클릭할 때 JavaScript 시작과 같은 작업을 실행할 수 있다는 것입니다.

최신 브라우저에는 수많은 이벤트 핸들러가 내장되어 있습니다. 이러한 프로세서는 마우스 클릭이나 브라우저 창에 이미지 로드 완료와 같은 특정 조건이나 사용자 작업을 모니터링합니다. 클라이언트 측 JavaScript를 사용하면 특정 이벤트 핸들러를 특정 태그에 대한 속성으로 추가하고 이벤트가 발생할 때 하나 이상의 JavaScript 명령 또는 기능을 실행할 수 있습니다.

이벤트 핸들러의 값은 세미콜론으로 구분되고 따옴표로 묶인 하나 또는 일련의 Javascript 표현식, 메서드 및 함수 호출입니다. 이벤트가 발생하면 브라우저는 이러한 코드를 실행합니다. 예를 들어 하이퍼링크 위로 마우스를 이동하면 JavaScript 기능이 실행됩니다. JavaScript를 지원하는 브라우저는 태그에서 onmouseover라는 특수한 "마우스 오버" 이벤트 핸들러를 지원하여 작업을 수행합니다.

이벤트 프로그래밍에 대해 자세히 알아보려면 W3School에서 제공하는 JavaScript 튜토리얼과 DHTML 튜토리얼을 방문하세요.

다음 표에서는 이벤트 동작을 정의하기 위해 HTML/XHTML 요소에 삽입할 수 있는 표준 이벤트 속성을 제공합니다.

Window Events

는 본문 및 프레임세트 요소에서만 유효합니다.

속성 값 설명

onload Script 문서 로드 시 스크립트 실행

onunload Script 문서 언로드 시 스크립트 실행

Form 요소 이벤트(Form Element Events)

form 요소에서만 유효합니다. Attribute 설명 aintribute 설명 요소가 변경 될 때 스크립트를 실행합니다.

onblur 스크립트 요소가 포커스를 잃었을 때 스크립트 실행

onfocus 스크립트 요소가 포커스를 얻었을 때 스크립트 실행

Image Events(이미지 이벤트)

이 속성은 img 요소에 사용할 수 있습니다.

속성 값      설명

onabort 이미지 로드 시 스크립트 중단 시 스크립트 실행

키보드 이벤트

는 base, bdo, br, 프레임, 프레임 세트, 헤드, html, iframe, 메타, param, 스크립트, 스타일 및 제목 요소에서 유효하지 않습니다.

속성 값 ​​설명

onkeydown Script 키보드를 눌렀을 때 스크립트 실행

onkeypress Script 키보드를 눌렀다 떼었을 때 스크립트 실행

onkeyup Script 키보드를 놓았을 때 스크립트 실행

Mouse 이벤트( 마우스 이벤트)

기본, bdo, br, 프레임, 프레임셋, 헤드, html, iframe, 메타, 매개변수, 스크립트, 스타일 및 제목 요소에는 유효하지 않습니다. 속성 > usemove

Script when 마우스 포인터가 움직일 때 스크립트 실행

onmouseout

Script 마우스 포인터가 요소 밖으로 이동할 때 스크립트 실행

onmouseover Script 스크립트 실행 마우스 포인터가 요소 위에 있을 때

onmouseup 스크립트 마우스 버튼을 놓을 때 실행 스크립트

위 내용은 HTML 이벤트 속성에 대한 기본 지식에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!