2011. 3. 18. 13:45 javascript

e.preventDefault();


[출처] http://webnoon.net/entry/jQuery-강좌4-이미지-바꾸기

$(document).ready(function(){
        $("#thumnail a").click(function(e) {
  e.preventDefault();
  var largeImgPath = $(this).attr("href");
  var largeImgAlt = $(this).find("img").attr("alt").substr(0,4);
  $("#largeimg img").attr({src:largeImgPath,alt:largeImgAlt});
 });
});


e.preventDefault() - 대상을 클릭했을때 발생하는 이벤트를 방지하는 것입니다.
즉, 링크가 걸려있는 Anchor 태그를 클릭하면 해당 주소로 페이지가 이동되지요?
그런데 우리는 해당 링크를 클릭하면 화면전환없이 이미지를 바꾸어야 하니, 페이지 이동 이벤트를 방지해야 합니다.
그래서 e.preventDefault()를 사용한것이지요.

Posted by gt1000

블로그 이미지
gt1000

태그목록

공지사항

어제
오늘

달력

 « |  » 2024.4
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함