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()를 사용한것이지요.
'javascript' 카테고리의 다른 글
자바 스크립트 성능 최적화 (0) | 2012.04.18 |
---|---|
자바 스크립트 압축, 암호화 프로그램 (0) | 2012.02.03 |
익스 플로우 addEvent 관련 링크 (0) | 2010.12.14 |
jquery ajax로 파일 업로드 할때 request.getParameter로 값을 못 얻어 올때 (0) | 2010.01.07 |
javascript undifined 메모 (0) | 2010.01.04 |