Notice
Recent Posts
Recent Comments
Link
뮁이의 개발새발
[Javascript] jQuery Event 본문
[bind()]
- 선택된 DOM 객체의 이벤트에 지정한 핸들러를 연결하는 함수
- 동적으로 생성한 DOM 객체에는 적용 X
[unbind()]
- 객체 이벤트에서 지정한 핸들러를 지운다.
[on()]
- bind()와 마찬가지로 DOM 객체에 이벤트 핸들러 연결
- 동적으로 생성한 DOM 객체에도 적용 가능
- 이벤트 연결에 가장 기본이 되는 함수로 권장
[off()]
- DOM 객체의 이벤트 제거
[one()]
- on()->이벤트 실행->off()
[keyboard event]
- keydown: 키보드 누를 때 발생
- keypress : 글자가 입력될 때 발생 (ex 아이디 중복검사)
- keyup : 키보드를 뗄 때 발생
[Window Event]
- ready : DOM 객체가 준비되면 발생
- load : 윈도우를 불러들일 때 발생
*event.preventDefault() => 이중 submit 방지
<정리>
- 다양한 이벤트에 반응해서 원하는 작업 수행 가능
- 간편하게 처리 가능
- bind, delegate, live, on과 같은 함수는 이벤트 핸들러를 DOM요소에 적용하는 jQuery함수이다.
'Front-end > Javascript' 카테고리의 다른 글
[코어 자바스크립트] Chapter 2. 실행 컨텍스트 (0) | 2024.04.08 |
---|---|
[코어 자바스크립트] Chapter 1. 데이터 타입 (1) | 2024.04.08 |
[Javascript] jQuery기본 개념 / 사용법 / 주요 선택자 (0) | 2021.09.06 |
[Javascript & HTML] Event (0) | 2021.09.06 |
[Javascript] Web Browser, Window 객체 (0) | 2021.09.06 |
Comments