javascript 팝업 띄울 시에 부모창이 자동 새로고침됩니다.

Question

기존에는 document.ready() 쪽에서 $selector.click(function(){} 으로 구현했는데해당 방식으로는 제가 원하는 기능을 구현하는데 한계가 있어 그냥 일반함수쪽으로 빼서 만들었습니다. function newPopup(){ ...}이런식으로 빼서 만들었는데,여기서 팝업창을 띄우면 부모창이 자꾸 새로고침이 되어버립니다.만들고 있는 페이지가 데이터 입력 폼이 있는 페이지라 새로고침이 되면 안됩니다.ㅠㅠ 기존에 document.ready 쪽에 구현했을때는 그렇지 않았는데 무슨 차이인가요?

siva6 · Answer

document.ready 보다는 href와 onclick을 동시에 준 것 같습니다.click이벤트를 처리하는 동안 href의 이벤트도 동시에 발생한 상태인 것 같습니다.

박종복 · Answer

여기에 잘 정리되어 있네요.a tag는 기본적으로 페이지를 이동하려는 기본동작을 가지고 있습니다.href가 설정되지 않았다면 href는 현재페이지를 가르기고, 클릭시 이동하게게 되므로 새로고침됩니다.기본동작을 취소하려면 event.preventDefault(); 를 통해서 기본동작을 막을수 있습니다.jQuery라면 return false;

BongsVita · Answer

두분 답변 감사합니다! a태그의 href가 같이 작동해서 발생하는것 때문이었나봅니다정말 감사합니다!

javascript 팝업 띄울 시에 부모창이 자동 새로고침됩니다.

3개의 답변

#a 목록