자바 스크립트 이벤트
HTML 이벤트는 HTML 요소 일에 일어났다.
HTML 페이지에 자바 스크립트를 사용하는 경우, 자바 스크립트는 이러한 이벤트를 트리거 할 수 있습니다.
HTML 이벤트
HTML 이벤트는 브라우저의 동작은 또한 사용자의 행동 일 수있다 할 수있다.
표시되는 HTML 이벤트의 예는 다음 :
- HTML 페이지로드가 완료
- 때 HTML 입력 필드 변경
- HTML 버튼을 클릭
이벤트가 발생할 때, 일반적으로 사용자는 무언가를 할 수있다.
이벤트가 발생하면 자바 스크립트는 일부 코드를 실행할 수 있습니다.
HTML 요소들은 HTML 요소를 추가하는 자바 스크립트 코드를 이용하여 이벤트 속성을 추가 할 수있다.
작은 따옴표 :
<일부-HTML 요소있어서 신청자 이벤트 = '일부 자바 스크립트'>
따옴표 :
<일부-HTML 요소있어서 신청자 이벤트 = "일부 자바 스크립트">
다음 예에서, 버튼 소자는 온 클릭 속성 (및 코드)을 첨가 :
위의 예제, 자바 스크립트 코드 콘텐츠 ID = "데모"요소입니다.
다음 예에서, 코드는 소자 자체 (이 .innerHTML 사용)의 내용을 수정한다 :
자바 스크립트 코드는 일반적으로 몇 줄의 코드이다. 더 일반적으로는 이벤트 속성에 의해 호출된다 : |
일반 HTML 이벤트
여기에 몇 가지 일반적인 HTML 이벤트의 목록입니다 :
행사 | 기술 |
---|---|
onchange를 | HTML 요소의 변경 |
온 클릭 | 사용자가 HTML 엘리먼트 클릭 |
onMouseover와 | 사용자는 HTML 요소에 마우스를 이동 |
onmouseout | 사용자는 HTML 요소에서 마우스를 이동 |
onKeyDown에 | 사용자가 키를 누를 |
온로드 | 브라우저는 페이지를로드 완료 |
더 많은 이벤트 목록 : 자바 스크립트 참조 - HTML DOM 이벤트 .
자바 스크립트 무엇을 할 수 있는가?
이벤트 형태 검증, 사용자 입력, 사용자 행동 및 브라우저 동작을 처리하기 위해 사용될 수있다 :
- 이벤트가 트리거 될 때 페이지가로드를
- 이벤트가 트리거 될 때 페이지 닫기
- 사용자가 작업을 수행하기 위해 버튼을 클릭
- 사용자 입력의 정당성을 확인
- 등등 ...
자바 스크립트 이벤트 코드를 실행하기 위해 다양한 방법을 사용할 수있다 :
- HTML 이벤트 속성을 직접적으로 자바 스크립트 코드를 실행할 수있다
- HTML 이벤트 속성은 자바 스크립트 함수를 호출 할 수 있습니다
- 당신은 HTML 요소에 대한 자신의 이벤트 핸들러를 지정할 수 있습니다
- 사용자는 이벤트의 발생을 방지 할 수있다.
- 등등 ...
되는 HTML DOM 장에서는 이벤트와 이벤트 핸들러 지식에 대한 자세한 내용을 배울 것입니다. |