[jQuery] 페이징 처리에서의 event.preventDefault()

- event.preventDefault()

주로 별도의 브라우저 행동을 막기 위해서 사용한다.

 

- 페이징 처리에 있어서의 활용

주로 페이징처리를 했을 경우 페이징 버튼이 해당 페이지의 하단부에 위치하게 된다.

그리고 해당 버튼을 클릭시에 preventDefault() 이벤트 처리를 하지 않았을 경우 클릭한 페이지로 넘어가면서 브라우저의 최상단으로 이동하게 된다.

그러나 페이지 이동이 필요없는 경우나 게시판 등 일정한 구역만 바뀌며 원하는 데이터를 찾아서 하단부에서의 활동을 이어나갈 때 브라우저의 최상단으로 이동후에 다시 하단부로 내려와 다음 버튼을 클릭하는 등의 불편함이 존재하게 된다.

그래서 event.preventDefault()를 통해서 <a>태그의 링크로 이동하면서 페이지의 스크롤을 유지할 때 사용한다.