• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Event] JS - defaultPrevented 속성 - 이벤트에 preventDefault() 메서드가 호출되었는지 여부 체크 (= defaultPrevented속성 = 디폴트프리벤티드속성)

목차

  1. defaultPrevented 예제 - preventDefault() 메서드 호출 여부 체크
  2. defaultPrevented 정의
  3. defaultPrevented 구문

 

defaultPrevented 예제 - preventDefault() 메서드 호출 여부 체크

 

<a id="hz" href="https://homzzang.com/">홈짱닷컴 바로가기</a>


<script>

document.getElementById("hz").addEventListener("click", function(event){

  event.preventDefault()

  alert("preventDefault() 메서드 호출 여부: " + event.defaultPrevented);

});

</script>

 

결과보기

 

defaultPrevented 정의

 

해당 이벤트에 대해 preventDefault() 메서드가 호출되었는지 여부 체크.

 


 

1.

IE9 이상 주요 최신 브라우저 모두 지원

 

2. MDN defaultPrevented 예제 보기

https://developer.mozilla.org/en-US/docs/Web/API/Event/defaultPrevented

 

 

defaultPrevented 구문

 

event.defaultPrevented

 


[반환값]

 

  • preventDefault() 메서드 호출 O 경우, true 반환.
  • preventDefault() 메서드 호출 X 경우, false 반환.

 



분류 제목
DOM_Style JS - margin -
DOM_Style JS - marginBottom -
DOM_Style JS - marginLeft -
DOM_Style JS - marginRight -
DOM_Style JS - marginTop -
DOM_Style JS - maxHeight -
DOM_Style JS - maxWidth 속성 - 가로최대너비 (= 가로최대길이)
DOM_Style JS - minHeight -
DOM_Style JS - minWidth -
DOM_Style JS - navDown -
DOM_Style JS - navIndex 속성 - 요소의 탭 순서를 설정/반환 (= navIndex속성 = 네브인덱스속성)
DOM_Style JS - navLeft -
DOM_Style JS - navRight -
DOM_Style JS - navUp -
DOM_Style JS - objectFit 속성 - 컨테이너에 맞게 <img>/<video> 크기 조정 방법 지정 (= ob…
DOM_Style JS - objectPosition -
DOM_Style JS - opacity 속성 - 요소의 불투명도 설정/반환 (= opacity속성 = 오패서티속성)
DOM_Style JS - order 속성 - 플렉스아이템 나열순서 (= 오더속성 = flex item order속성, IE1…
DOM_Style JS - orphans 속성 - 인쇄페이지 하단 표시할 요소의 최소줄수 설정/반환 (= orphans속성 =…
DOM_Style JS - outline -
48/67
목록
찾아주셔서 감사합니다. Since 2012