JavaScript 입문 튜 토리 얼(11)js 이벤트 처리

5232 단어 JavaScript입문 강좌js이벤트 처리
사건 처리 개술 사건 처 리 는 대상 화 프로 그래 밍 의 중요 한 부분 으로 사건 처리 가 없 으 면 절차 가 매우 죽 고 유연성 이 부족 하 다.이벤트 처리 과정 은 이벤트 발생-이벤트 처리 프로그램 시작-이벤트 처리 프로그램 반응 을 나 타 낼 수 있 습 니 다.그 중에서 이벤트 처리 프로그램 이 시 작 될 수 있 도록 하려 면 먼저 대상 에 게 무슨 일이 발생 하면 어떤 처리 프로그램 을 시작 해 야 하 는 지 알려 야 한다.그렇지 않 으 면 이 절 차 는 진행 할 수 없다.이벤트 처리 프로그램 은 임의의 JavaScript 문 구 를 사용 할 수 있 지만,우 리 는 일반적으로 특정한 사용자 정의 함수(function)로 일 을 처리 합 니 다.지정 한 이벤트 처리 프로그램 은 세 가지 방법 이 있 습 니 다.방법 은 HTML 태그 에서 직접 지정 합 니 다.이런 방법 은 가장 보편적으로 쓰 인 다.방법 은:

<   ... ...   ="      " [  ="      " ...]>
예 를 들 어 보 겠 습 니 다.

<body ... onload="alert('      ，     ！')" onunload="alert('  ！')">
이러한 정의표 시 는 문 서 를 읽 었 을 때 대화 상 자 를 팝 업 할 수 있 습 니 다."웹 페이지 읽 기 완료,천천히 감상 하 세 요"라 고 쓰 여 있 습 니 다.사용자 가 문 서 를 종료 하거나 창 을 닫 거나 다른 페이지 로 이동 할 때'안녕 히 계 세 요'를 팝 업 합 니 다.방법 2 특정 대상 의 특정 이벤트 의 자바 스 크 립 트 를 작성 합 니 다.이런 방법 은 비교적 적 게 쓰 지만,어떤 경우 에는 그래도 매우 쓰기 좋다.방법 은:

<script language="JavaScript" for="  " event="  "> 
... 
(        ) 
... 
</script>

<script language="JavaScript" for="window" event="onload"> 
alert('      ，     ！'); 
</script>
방법 3 은 자 바스 크 립 트 에서 설명 한다.방법:<이벤트 주인공-대상>.<이벤트>=<이벤트 처리 프로그램>;이런 방법 으로 주의해 야 할 것 은'이벤트 처리 프로그램'은 문자열 형식의 코드 가 아니 라 진정한 코드 이다.이벤트 처리 프로그램 이 사용자 정의 함수 라면 인 자 를 사용 할 필요 가 없 으 면'()'를 추가 하지 마 십시오.function ignoreError() {  return true;}window.onerror = ignoreError; // "()"라 는 예 를 사용 하지 않 았 습 니 다.ignoreError()함 수 를 window 대상 으로 정의 하 는 onerror 이벤트 의 처리 프로그램 입 니 다.그 효 과 는 이 window 대상 의 오 류 를 무시 하 는 것 입 니 다.(접근 할 수 없 는 location 대상 을 참조 하여 발생 하 는'권한 없 음'오 류 는 무시 할 수 없습니다.)이벤트 설명 onblur 사건 은 창 이 초점 을 잃 었 을 때 발생 합 니 다.응용 프로그램:window 대상 onchange 사건 은 텍스트 입력 영역 에서 발생 하 는 내용 이 변경 되 었 고 텍스트 입력 영역 에서 초점 을 옮 긴 후에 발생 합 니 다.이 사건 을 포착 하 는 것 은 주로 입력 의 유효성 을 실시 간 으로 감지 하거나 문서 내용 을 즉시 바 꾸 는 데 사 용 됩 니 다.적용:Password 대상;대상 선택;텍스트 대상;Textarea 대상 onclick 이 벤트 는 대상 이 눌 렸 을 때 발생 합 니 다.클릭 이란 마우스 가 대상 에 머 물 러 마우스 단 추 를 누 르 고 마 우 스 를 움 직 이지 않 고 마우스 단 추 를 놓 는 완전한 과정 을 말한다.일반 단추 대상(Button)은 보통 onclick 이벤트 처리 프로그램 이 있 습 니 다.이 대상 은 사용자 에 게 서 어떠한 정보 도 얻 을 수 없 기 때문에 onclick 이벤트 처리 프로그램 이 없 으 면 장작 과 같 습 니 다.단추 에 onclick 이벤트 처리 프로그램 을 추가 하면'다른 제출 버튼'을 모 의 할 수 있 습 니 다.방법 은 이벤트 처리 프로그램 에서 폼 의 action,target,encoding,method 등 하나 또는 몇 개의 속성 을 변경 한 다음 폼 의 submit()방법 을 호출 하 는 것 입 니 다.링크 대상 의 onclick 이벤트 처리 프로그램 에서 false 값(return false)을 되 돌려 브 라 우 저가 이 연결 을 여 는 것 을 막 을 수 있 습 니 다.즉,이러한 연결 이 있다 면:http://www.a.com"onclick="return false">Go!,사용자 가 아무리 클릭 해도www.a.com사이트 에 가지 않 습 니 다.사용자 가 브 라 우 저 에서 자바 스 크 립 트 를 실행 하 는 것 을 금지 하지 않 는 한.적용:Button 대상;Checkbox 대상;이미지 대상;링크 대상;라디오 대상;대상 재 설정;Submit 대상 onerror 사건 은 오류 가 발생 했 을 때 발생 합 니 다.그것 의 이벤트 처리 프로그램 은 일반적으로'오류 처리 프로그램'(Error Handler)이 라 고 하 는데,오 류 를 처리 하 는 데 쓰 인 다.위 에서 설명 한 바 와 같이 모든 오 류 를 무시 하려 면:

function ignoreError() { 
return true; 
} 
window.onerror = ignoreError;
를 사용 하 십시오.window 대상 onfocus 이벤트 가 창 에 초점 을 맞 출 때 발생 합 니 다.응용 프로그램:window 대상 onload 사건 은 문서 가 모두 다운로드 되 었 을 때 발생 합 니 다.모든 다운로드 가 완료 되 었 다 는 것 은 HTML 파일 뿐만 아니 라 포 함 된 그림,플러그 인,컨트롤,애플 릿 등 모든 내용 을 다운로드 했다 는 것 을 의미한다.이 이 벤트 는 window 의 이벤트 입 니 다.그러나 HTML 에서 이벤트 처리 프로그램 을 지정 할 때,우 리 는 그것 을태그 에 씁 니 다.응용 프로그램:window 대상 onmousedown 사건 은 사용자 가 마 우 스 를 대상 에 놓 고 마우스 단 추 를 눌 렀 을 때 발생 합 니 다.onmouseup 이벤트 참조.적용:Button 대상;링크 대상 onmouseout 사건 은 마우스 가 대상 을 떠 날 때 발생 합 니 다.onmouseover 이벤트 참조.응용 프로그램:Link 대상 onmouseover 사건 은 마우스 가 대상 범위 에 들 어 갈 때 발생 합 니 다.이 이벤트 와 onmouseout 이벤트,그리고 그림 의 미리 읽 기 를 더 하면 마우스 가 그림 연결 로 이동 하면 그림 이 변 경 된 효 과 를 얻 을 수 있 습 니 다.때때로 우 리 는 연결 을 가리 킬 때 상태 표시 줄 에 주 소 를 표시 하지 않 고 다른 자 료 를 표시 하 는 것 을 볼 수 있 습 니 다.이 자 료 는 수시로 변경 할 수 있 는 것 같 습 니 다.그것들 은 이렇게 만들어 진 것 이다.응용 프로그램:Link 대상 onmouseup 이 벤트 는 사용자 가 마 우 스 를 대상 위 에 놓 고 마우스 키 를 눌 렀 을 때 마우스 키 를 놓 을 때 발생 합 니 다.마우스 단 추 를 눌 렀 을 때 마우스 가 마 우 스 를 놓 은 대상 에 있 지 않 으 면 이 사건 은 일어나 지 않 습 니 다.적용:Button 대상;링크 대상 onreset 사건 은 폼 의'리 셋'단 추 를 누 르 고 놓 을 때 발생 합 니 다.이벤트 처리 프로그램 에서 false 값(return false)을 되 돌려 주면 폼 리 셋 을 막 을 수 있 습 니 다.적용:Form 대상 onresize 이 벤트 는 창 크기 가 조정 되 었 을 때 발생 합 니 다.응용 프로그램:window 대상 onsubmit 사건 은 폼 의'제출'단 추 를 누 르 고 놓 을 때 발생 합 니 다.이 이 벤트 를 사용 하여 폼 의 유효성 을 검증 할 수 있 습 니 다.이벤트 처리 프로그램 에서 false 값(return false)을 되 돌려 주면 폼 제출 을 막 을 수 있 습 니 다.응용 프로그램:Form 대상 onunload 이 벤트 는 사용자 가 문 서 를 종료 하거나 창 을 닫 거나 다른 페이지 로 이동 할 때 발생 합 니 다.onload 와 마찬가지 로 HTML 에 쓰 려 면태그 에 쓰 십시오.어떤 웹 마스터 스 는 이 방법 으로'조사 표'를 팝 업 하고'강요'로 작성 한다.어떤 사람 은 광고 창 을 꺼 내 서 온 사람 에 게 연결 을 클릭 하도록 꼬 드 겼 다.나 는 이런'onunload='open...'방법 이 매우 좋 지 않다 고 생각한다.때로는 너무 많은 창 이 튀 어 나 와 서 자원 이 부족 할 수도 있다.온 사람 에 게 무슨 말 이 있 으 면 홈 페이지 에서 말 해 야 하지 않 겠 습 니까?응용 프로그램:window 개체
C++클래스 템 플 릿,함수 템 플 릿 전 특 화,편 특 화 사용
c 언어 나머지 인 스 턴 스 설명

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage