Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Infresh
- 수부타이
- 공헌감
- sentry
- 히든 스토리
- 뉴 컨피던스
- 모두가 기다리는 사람
- CSS
- node
- java
- apache kafka
- 과제의 분리
- ESG
- Container
- 아웃풋법칙
- 부자의그릇
- 참조 계수
- docker
- try-with-resources
- 이펙티브 자바
- try width resources
- kubernetes
- 비메모리 자원
- HTML
- 도파민형 인간
- 쿠버네티스
- 칭기즈칸의 위대한 장군 수부타이
- colllection
- 레퍼런스 복사
- 월칙
Archives
- Today
- Total
Hi
기본 이벤트와 이벤트 전달 본문
기본 이벤트와 이벤트 전달
메서드 이름 | 설명 |
---|---|
preventDefault() | 기본 이벤트를 제거합니다. |
stopPropagation() | 이벤트 전달을 제거합니다. |
$(document).ready(function() {
$('a').click(function event) {
$(this).css('background-color', 'blue');
event.stopPropagation(); // h1 클릭까지 되는걸 없애기.
event.preventDefault(); // a의 본연의 링크 이벤트 기능을 없애기
});
$('h1').click(function() {
$(this).css('background-color', 'red');
});
});
위의 코드를 간단하게 return false; 로 구현할 수 있다.
$('a').click(function(event) {
$(this).css('background-color', 'blue');
return false;
});
'WEB(웹) > jQuery' 카테고리의 다른 글
마우스 이벤트 (0) | 2018.07.02 |
---|---|
이벤트 연결 범위 한정 (0) | 2018.07.02 |
이벤트 강제 발생 (0) | 2018.07.02 |
이벤트 객체 (0) | 2018.07.02 |
매개변수 context (0) | 2018.07.01 |