a태그에 이벤트를 작성할 경우

a태그에 이벤트를 작성할 경우 

아래 HTML이 작성되어 있을 경우

<a href="#"></a>

아래와 같이 이벤트 스크립트를 작성한다면?

$('a').on('click',function(){

});

a태그의 href 속성에 의해 이벤트에 의한 스크립트가 실행되지 않을 수 있으며 스크롤이 긴 페이지에서 새로고침되어 페이지 스크롤이 위쪽으로 자동으로 올라가는 문제점이 생길 수 있습니다. 

때문에,

$('a').on('click',function(e){
	e.preventDefault();
 }

위와 같이 매개변수 e를 생성하여 preventDefault() 메서드를 적용함으로써 href 속성의 동작을 막고 개발자가 원하는 스크립트만 동작되게 할 수 있습니다.

  Comments,     Trackbacks