[Java Script] preventDefault

이벤트가 발생할 때  어떤 이벤트를 명시적으로 처리하지 않은 경우

해당 이벤트에 대한 브라우저의 동작을 실행하지 않도록 하는 메서드이다. 

 

즉, 원하지 않은 이벤트가 동작하지 않도록 사전에 지정하여 실행되지 않도록 하는 메서드이다.

 

event.preventDefault();

 

다음 형태로 사용하며 예시로 설명하면 

드롭이벤트에서 나는 드롭이벤트를 구현하고 싶은데

그렇다면 dragover라는 이벤트도 같이 구현해야한다.

하지만 dragover 라는 이벤트가 일어나지 않게 하고싶은데 이런 경우 사용하게된다.  

  $('.Product').on('dragstart',function(e){
  					//dragstart : 드래그를 시작하면 발생하는 이벤트
                    console.log("드래그가 시작됐습니다.");
                });
                
                $('.cart_box').on('dragover',function(e){
                	//dragover : 드래그를 한 요소가 이 영역 위에 있으면 발생하는 이벤트
                    e.preventDefault();
                });
                	//drop : 드래그가 끝났을 때 발생하는 이벤트 (dragover랑 같이써야한다.)
                $('.cart_box').on('drop', function(e){
             		console.log("드래그가 시작됐습니다.");
              	});

 

아니면 체크박스의 기본 기능인 체크기능이 동작하지 못하게 만들거나 

특정 문자열을 입력하지 못하는 형태로도 사용할 수 있다.