JS 각종 트리거 이벤트
1721 단어 JS 이벤트
사용자 가 페이지 에 들 어가 거나 떠 날 때 onload 와 onUnload 이벤트 가 발생 합 니 다.
onload 이 벤트 는 방문 자의 브 라 우 저 유형 과 버 전 을 검사 한 다음 에 이 정보 에 따라 특정 버 전의 웹 페이지 를 불 러 옵 니 다.
onload 와 onUnload 사건 도 사용자 가 페이지 에 들 어가 거나 떠 날 때 만 든 cookies 를 처리 하 는 데 자주 사 용 됩 니 다.예 를 들 어 한 사용자 가 처음 페이지 에 들 어 갔 을 때 메시지 상자 로 사용자 의 이름 을 물 어 볼 수 있 습 니 다.이름 은 쿠키 에 저 장 됩 니 다.사용자 가 이 페이지 에 다시 들 어 왔 을 때, 당신 은 다른 메시지 상 자 를 사용 하여 이 사용자 에 게 인 사 를 할 수 있 습 니 다. "Welcome John Doe!"
onFocus, onBlur, onChange
onFocus, onBlur, onChange 이벤트 가 서로 협력 하여 폼 을 검증 합 니 다.
다음은 onChange 이 벤트 를 사용 하 는 예 입 니 다.사용자 가 도 메 인 내용 을 바 꾸 면 checkEmail () 함수 가 호출 됩 니 다.
<input type="text" size="30" id="email" onchange="checkEmail()
">
onSubmit
onSubmit 는 폼 을 제출 하기 전에 모든 폼 도 메 인 을 검증 하 는 데 사 용 됩 니 다.
다음은 onSubmit 이 벤트 를 사용 한 예 입 니 다.사용자 가 폼 의 확인 단 추 를 누 르 면 checkForm () 함수 가 호출 됩 니 다.도 메 인 값 이 잘못 되면 이번 제출 은 취 소 됩 니 다.checkForm () 함수 의 반환 값 은 true 또는 false 입 니 다.반환 값 이 true 이면 폼 을 제출 하고 제출 을 취소 합 니 다.
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onMouseOver onMouseOut
onMouseOver onMouseOut “ ” 。
onMouseOver 。 onMouseOver , :
<a href="http://www.w3school.com.cn"
onMouseOver event');return false"
>
<img src=\'#\'" width="100" height="30">
</a>