59일차
제이쿼리 복습 15강 - 17강
preventDefault
이벤트 발생 시 해당 이벤트의 기본 동작을 막는 javascript 메서드
용도
- 링크 클릭 시 페이지 이동 방지 : 링크 클릭 이벤트를 중단하고 원하는 동작을 실행할 수 있음
event.preventDefault()를 호출하면 해당 기본 동작을 막고, 우리가 원하는 커스텀 로직을 실행할 수 있음
사용법
html
예)<a href="https://www.naver.com" target="_blank">네이버 새창</a>
<a>태그 안에
js
예)$('a태그').click(function(e) { e.preventDefault(); });
stopPropagation
이벤트가 상위 엘리먼트에 전달되지 않게 막아 줌
차이점
e.preventDefault는 고유 동작을 중단시키고, e.stopPropagation 는 상위 엘리먼트들로의 이벤트 전파를 중단
return false
- 기본 동작을 취소하는 데 사용. 특정 이벤트가 발생할 때 브라우저가 수행하는 기본 작업을 막을 수 있음
- return false를 사용하여 클릭 이벤트를 취소하면 해당 버튼이 클릭되었을 때 브라우저가 새로고침되거나 페이지가 다시로드되는 것을 방지할 수 있음 대신, 개발자가 원하는 작업을 수행하도록 JavaScript 함수를 호출할 수 있음
- preventDefault stopPropagation 를 차단 할수 있음
- 일부 브라우저 환경에서만 가능
- 비표준이기때문에 사용주의
alert(경고)
Alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 주로 사용하는 함수
Prompt(입력)
- Prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수
- 사용자에게 받은 값을 String타입의 리턴값으로 반환해주며 입력값이 없을경우에는 Null값을 리턴
Confirm(선택)
- Confirm함수는 사용자에게 Ture / False 값을 리턴받을 수 있는 팝업창을 띄워주는 함수
- 사용자의 액션에 따라 Ture 값과 False값을 리턴받을 수 있음
헤