>  기사  >  웹 프론트엔드  >  JavaScript 튜토리얼 이벤트 기반

JavaScript 튜토리얼 이벤트 기반

黄舟
黄舟원래의
2016-12-22 15:46:201451검색

JavaScript 이벤트 기반 이벤트는 마우스나 단축키 동작에 의해 트리거됩니다. 주로 다음과 같은 이벤트가 있습니다.

1. Click 이벤트 onClick

사용자가 마우스 버튼을 클릭하면 onClick 이벤트가 발생합니다. 동시에 onClick이 지정한 이벤트 핸들러나 코드가 호출되어 실행됩니다. 일반적으로 버튼(버튼 개체), 체크박스(체크박스) 또는 (체크리스트 상자), 라디오(라디오 버튼), 재설정 버튼(중요 버튼) 및 제출 버튼(제출 버튼)과 같은 기본 개체에서 생성됩니다.

예: Change() 파일은 다음 버튼을 통해 활성화할 수 있습니다:

onClick 등호 뒤에는 자체 함수를 이벤트 핸들러로 사용하거나 내부 함수를 사용할 수 있습니다. 자바스크립트. JavaScript 코드를 직접 사용할 수도 있습니다. 예:


onChange 변경 이벤트

이 이벤트는 텍스트 또는 텍스처 요소를 사용하는 입력 문자의 값이 변경될 때 발생하며 동시에 선택 테이블 항목의 옵션 상태가 변경될 때도 발생합니다.

예:

<양식>


3. Text에 텍스트가 있을 때 이벤트를 선택

하거나 Textarea 객체 강조 표시된 후 이 이벤트가 트리거됩니다.


4.Focus에서 포커스 이벤트 받기

이 이벤트는 사용자가 텍스트 또는 텍스트 영역을 클릭하고 개체를 선택할 때 생성됩니다. 이 시점에서 개체는 전경 개체가 됩니다.


5. Blur에 대한 포커스 상실

텍스트 개체 또는 텍스트 영역 개체 및 선택 개체에 더 이상 포커스가 없고 배경으로 돌아가면 이 파일이 트리거됩니다. . onFocas 이벤트와 대응 관계가 있습니다.


6. Load 파일 로드

문서가 로드될 때 발생하는 이벤트입니다. onLoad의 기능 중 하나는 문서가 처음 로드될 때 쿠키 값을 감지하고 소스 코드에서 사용할 수 있도록 변수와 함께 값을 할당하는 것입니다.


7. 파일 언로드 onUnload

onUnload 이벤트는 웹페이지가 종료될 때 발생하며 쿠키의 상태를 업데이트할 수 있습니다.

위 내용은 자바스크립트 튜토리얼의 이벤트 중심 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.