728x90
<이벤트 처리>
- 특정한 상황이 발생했을 때, 사용자가 정의하는 특정한 동작(함수)들을 호출되도록 하는 것.
- Javascript를 사용하는 이유는 <body> 안의 어떠한 태그를 사용자의 이벤트에 반응하도록 제어하기 위함이다.
(1) 이벤트 종류
1. onBlur - 문서나 윈도우, 프레임세트, 폼 요소에서 현재 입력 포커스가 사라질 때
2. onClick - 링크, 이미지맵 영역, 폼 요소가 클릭되었을 때
3. onFocus - 문서나 윈도우, 프레임세트, 폼 요소에서 현재 입력 포커스가 놓였을 때
4. onLoad - 이미지, 문서, 프레임이 로드될 때
5. onMouseOver - 태그의 요소 위로 마우스 커서가 들어갈 때
6. onMouseOut - 태그의 요소 위에서 마우스 커서가 빠져나갈 때
이것말고도 더 많다..!
(2) 제어대상 지정
- 태그의 id로 제어할 특정 태그를 지정한다.
document.getElementById("아이디") 로 자바스크립트로 태그를 가져온다.
(바디에서)
cf) span은 인라인 속성 -> 너비,길이 조절x, 그냥 글자수로 알아서 조절
<exam 15 - getElementById>
- 바디에서 스크립트 함수를 불러낸다
<exam 16 - getElementById: 마우스 올리면 숫자 나옴>
<exam 17 - getElementById: prompt에 바로뜬다>
<exam 18>
- 헤드안에 있을 때랑 바디안쪽 밑에 있을 때랑 결과값이 다르다!!! 위쪽: 3회뜨고, 밑쪽:1회뜬다
| -> 스파게티 소스: 제어하려는 태그가 인식된 이후에 자바스크립트 함수를 호출해야 한다는 제약은 자바스크립트 소스와 HTML 태그가 반드시 ★순서를 지키면서 섞여서 코딩해야 한다는 것이다. 위에서부터 읽어오면서 순서대로 해당사항을 인식을 해야지만 에러가 안난다. |
<!-- 일부러 에러낸 소스이다. -->
<exam 19>
: 아이디속성 부여 #
cf) + onload는 바디를 다 읽은 후 실행!?
728x90
'JS' 카테고리의 다른 글
| 210914(화) 자바 스크립트 3일차 (0) | 2021.09.14 |
|---|---|
| 210910(금) 자바스크립트 1일차 - 변수 / 기본연산자 / prompt / 함수시작 (0) | 2021.09.10 |
| 생활코딩 자바스크립트2 (0) | 2021.06.07 |
| 생활코딩 자바스크립트1 (0) | 2021.05.30 |