HTML 이벤트는 HTML 요소 일이 "일"입니다.
자바 스크립트는 HTML 페이지에 사용하는 경우, 자바 스크립트는이 사건에 "반응"할 수 있습니다.
HTML 이벤트
된 HTML 이벤트는 브라우저가없는 것을, 또는 사용자가하는 일을 할 수있다.
다음은 HTML 이벤트의 몇 가지 예입니다 :
- 하는 HTML 웹 페이지로드가 완료
- 된 HTML 입력 필드 변경된
- 하는 HTML 버튼을 클릭 한
이벤트가 발생하면 종종, 당신은 뭔가를 할 수 있습니다.
자바 스크립트 이벤트가 감지 될 때 코드를 실행할 수 있습니다.
HTML은 이벤트 핸들러는 HTML 요소에 추가하는 자바 스크립트 코드 속성 수있다.
작은 따옴표로 :
< some-HTML-element
some-event = ' some JavaScript ' >큰 따옴표와 함께 :
< some-HTML-element
some-event = " some JavaScript " >다음 예에서, onclick 속성은 (코드), 버튼 부재에 추가된다 :
위의 예에서, 자바 스크립트 코드를 가진 요소의 내용을 변경하는 id="demo" .
다음 예에서, 코드는 자신의 요소 (사용 내용 변경 this .innerHTML )
자바 스크립트 코드는 종종 여러 줄 깁니다. 이 이벤트 속성이 함수를 호출 볼 일반적이다 :
일반 HTML 이벤트
여기에 몇 가지 일반적인 HTML 이벤트의 목록입니다 :
| 행사 | 기술 |
|---|---|
| onchange | HTML 요소가 변경되었습니다 |
| onclick | 사용자는 HTML 요소를 클릭 |
| onmouseover | 사용자는 HTML 요소 위로 마우스를 이동 |
| onmouseout | 사용자는 HTML 요소로부터 멀리 마우스를 이동 |
| onkeydown | 사용자는 키보드의 키를 푸시 |
| onload | 브라우저는 페이지를로드 완료 |
이 목록은 더 이상 : 자바 스크립트를 참조 HTML DOM 이벤트 w3ii .
자바 스크립트는 무엇을 할 수 있습니까?
이벤트 핸들러는 사용자 입력, 사용자 동작, 브라우저 동작을 처리하고 확인하는데 사용될 수있다 :
- 때마다 수행해야 할 것들 페이지가로드
- 페이지를 닫을 때 수행해야 할 것들
- 사용자가 버튼을 클릭 할 때 수행되어야 조치
- 확인해야하는 콘텐츠 때 사용자 입력 데이터
- 그리고 더 ...
많은 다른 방법은 이벤트와 자바 스크립트 작업을하게 할 수 있습니다 :
- HTML 이벤트 속성을 직접적으로 자바 스크립트 코드를 실행할 수있다
- HTML 이벤트 속성은 자바 스크립트 함수를 호출 할 수 있습니다
- 당신은 요소를 HTML로 자신의 이벤트 핸들러 기능을 할당 할 수 있습니다
- 당신은 전송되는 또는 처리되는 이벤트를 방지 할 수 있습니다
- 그리고 더 ...
당신은 이벤트와 이벤트 핸들러에 대한 더 많은 배울 HTML DOM 장을.