반응형
JavaScript의 이벤트를 모은 예제 입니다.
예제 이벤트
1.클릭 : 클릭 했을때 메세지 박스 출력
2.오버/아웃 : 마우스 포인터 가 해당 영역들어왔을때와 나갔을때
3.두번클릭 : 두번클릭시 글씨체 변경 여기서는 두껍게
4.다운 : 클릭시 다른 웹 페이지로 이동
5.무브 : 마우스 포인터가 해당영역에 들어오면 바로 메세지 박스 출력
6.업 : 클릭시 새 웹페이지창 출력
7.텍스트 박스 안에서 키를 놓을 때 발생
8.텍스트 박스 안에서 키를 눌렀다 놓는 순간 발생
9.텍스트 박스 안에서 처음 키를 누를때 발생
10. 버튼 클릭시 버튼 포커스 색상 변경
11."1234"가 아닌 다른 값 입력시 "쉬는시간" 메세지박스 출력
12.즐겨찾기 목록 선택시 해당 사이트로 이동
파일 다운 받으시고 파일 실행하시면
처음 어서오세요 메세지 박스 출력
해당 사이트에서 사이트 이동 또는 종료시 "벌써 가시게??"라는 메세지박스 출력
예제 이벤트
1.클릭 : 클릭 했을때 메세지 박스 출력
2.오버/아웃 : 마우스 포인터 가 해당 영역들어왔을때와 나갔을때
3.두번클릭 : 두번클릭시 글씨체 변경 여기서는 두껍게
4.다운 : 클릭시 다른 웹 페이지로 이동
5.무브 : 마우스 포인터가 해당영역에 들어오면 바로 메세지 박스 출력
6.업 : 클릭시 새 웹페이지창 출력
7.텍스트 박스 안에서 키를 놓을 때 발생
8.텍스트 박스 안에서 키를 눌렀다 놓는 순간 발생
9.텍스트 박스 안에서 처음 키를 누를때 발생
10. 버튼 클릭시 버튼 포커스 색상 변경
11."1234"가 아닌 다른 값 입력시 "쉬는시간" 메세지박스 출력
12.즐겨찾기 목록 선택시 해당 사이트로 이동
파일 다운 받으시고 파일 실행하시면
처음 어서오세요 메세지 박스 출력
해당 사이트에서 사이트 이동 또는 종료시 "벌써 가시게??"라는 메세지박스 출력
1클릭 | 2 마우스 오버/아웃 | 3두번클릭 |
4다운 | 5무브 | 6업 |
즐겨찾기
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
33.JavaScript - 문자열관련함수 (0) | 2009.08.13 |
---|---|
32.JavaScript - 날짜관련내장객체 (0) | 2009.08.13 |
30.JavaScript - JavaScript에서 스타일시트 적용 (0) | 2009.08.12 |
29.JavaScript - SelectedIndex (드롭다운리스트) (0) | 2009.08.12 |
28.JavaScript - Web Form 응용 (0) | 2009.08.11 |
Comments