<jQuery> 이벤트 (event)

프론트엔드/ㄴjQuery

고구마광팬 2017. 8. 18. 14:48

jQuery 이벤트

<HTML>

<CSS>

<화면>

<변수>

1. js에서의 이벤트와 실행

.addEventListener('이벤트',함수)

2. jQuery에서의 이벤트와 실행

1) 하나의 이벤트만 설정할 때

.event(함수)

2) 여러 이벤트 설정

addEventListener가 on으로 바뀐다.

.on('이벤트',함수);

-여러 이벤트 설정 가능 (띄어쓰기로 연달아 쓴다)

* addEventListener(js)에서는 불가능. click도 기능하지 않는다

- 여러 이벤트 마다 각각의 실행 설정하기 ( 객체 {} 이용 )

.on({이벤트1 : 함수2 , 이벤트2 : 함수2 , ...})

*addEventListener vs on*

addEventListener : 일단 찾는다. 함수 안에 오류가 있으면 바로 오류가 뜬다

on : 코드를 지나가도 대기상태. 대기상태에서도 오류가 안나고 이벤트를 실행해도 오류가 안난다 ( 오류가 있을 경우에도)