Written by java-style
on 2021-10-15

Web Programming(웹 프로그래밍) chapter5. JavaScript-4 복습내용

- Events

: 사용자가 클릭을 하는 행위

-> onclick -> 클릭이 발생했을 때 처리할것을 지정해 줄 수 있다.

- Inline Hooks

-> 이런방식으로하면 유지보수측면에서 까다롭다.(추천되지 않음)

- Assign Events Using HTML DOM

-> script 상에서 한번에 적어버림.

- HTML DOM EventListener(이벤트 처리할때 이것을 사용하는것을 권장)

: 이벤트를 처리하는 handler를 설정하는 것.

: addEventListener()

-> onclick는 overwrite의 형태로 되는 반면, 이것은 계속해서 이어서 추가해줄수 있다.

-> click이 발생했을때 처리하는것을 2개이상 할 수도 있다.(같은 타입일때)

-> 인자를 2개 넘겨주는 경우

- Event Objects

: 예를 들어 마우스 클릭이 발생했을경우 x,y축값이 어딘지를 알수있는 그러한 기능들.

-> event를 인자로 넘겨준다. -> event의 정보를 알고싶을때 event object를 사용할 수 있다.

-> event내에서도 여러 property가 있다.

- Event Bubbling/Capturing

: 에 가 있다고했을때 를 클릭을 하면 div와 p중에 어느것이 먼저 불리는가에

대한것을 결정해주는것이 capture,bubbling이다.

-> bubbling에서는 제일 안쪽에 있는 handler가 먼저불리고 바깥쪽에 있는handler가 나중에불림.

-> Capture은 반대.

-> bubbling이 false이고, capture가 true이다.

- JavaScript Form Validation

: Form으로 만들어서 전달할 때 client가 할 수 있는 간단한 연산들을 제공한다.

-> onsubmit 는 서버에 전달하기전에 불릴 자바스크립트코드를 정의할 수 있다.

-> false가 되면 제출이되지 않는다.

-> return을 넣어서 잘못된값에 false를 제출할 수 있다.

- Automatic HTML Form Validation

: 간단한 것의경우 자바스크립트를 사용하지않고 html에서 할 수 있다.

-> required라는 attribute는 꼭 입력되어야 한다는 의미

-> 해당 입력이 비어있으면 제출되지 않음.

본 게시물은 부산대학교 웹응용 강의자료를 바탕으로 작성되었습니다.

from http://commencer-y.tistory.com/28 by ccl(A) rewrite - 2021-10-15 21:27:45

Top