Html & Script

OnClick을 사용하여 링크를 클릭할때 페이지 맨위로 올라는 현상 막기

페이지 정보

본문

이런 것도 팁이 될런지 싶어서 그냥 올립니다.

제가 html 코딩 습관이 나빠서 그런지.
어드민 관리툴을 만들때 주로 <a href="#" onclick="자바스크립트함수">
이런 식으로 팝업을 띄워서 많이 사용합니다.

이렇게 될 경우 꼭 #이 먹어서 화면상의 top부분으로 올라게 되더라구요.
링크 클릭시 top부분으로 올라가지 않고 자신이 클릭한 위치 그대로에서 팝업 등의 이벤트를 실행시키고 싶을때
<a href="#아무문자" onClick="자바스크립트함수"></a>

이렇게 한번 해보세염..
그럼 자신이 보던 그 위치에서 클릭하여도 top으로 올라가는 현상은 없습니다.

참고로 "#아무문자" 가 <a name="아무문자"></a> 이런식으로 설정되어 있다면
이 태그가 위치해 있는 곳으로 가게 됩니다.

그럼 팁도 아닌 걸루...팁이라고 올렸습니다.



 
 

 
 망나니햌어 흠..-_-;; 이거 찾을라고 했는데..딱이네..ㅋㄷ 감사 08/30 14:21:54 
 
 북극곰 <a href="#" onclick="자바스크립트함수; return false;"> 와 같은 방법도 있습니다. a 태그에 있는 onclick 의 경우 자바스크립트 처리 후 return 값이 없으면 click 이벤트가 유효하여 href 부분을 처리하게 됩니다. 마지막에 return false; 를 추가해주면 href 부분을 아예 처리하지 않게됩니다. 08/30 14:39:29 
 
 공간 <a href='javascript:자바스크립트"></A> 이렇게.. --; 08/30 14:47:17 
 
 chiro <a href="javascript:자바스크립트"></a> 같은 경우 안 먹는 브라우저도 있었습니다. 쿠키생성을 할때 time 함수를 사용하여 쿠키 생성할때도 브라우저에 따라 생성되지 않는 게 있듯이... 08/30 14:54:49 
 
 거부기 <A href="javascript:void(0);" onclick="~~"> ===> 이런 방법도 있습니다. 08/30 14:58:02 
 
 형님 그런 브라자 좀 쓰지 마라. 08/30 15:06:36 
 
 Akal # 뒤의 아무문자는 앵커를 나타내는것 아닌가요 ?

만약 앵커를 지정했다면 앵커를 지정한 위치로 이동시킬수 있을겁니다. 08/30 15:14:55 
 
 ㅎㅎ <a href="javascript:;" onClick="~~"> ---> 이런 방법도... 08/30 15:21:10 
 
 인생여전 <a href="javascript://" onClick"함수(); return false;"> 08/30 16:06:56 
 
 처절초보 <A href="javascript:void(NULL);" onclick="~~"> ===> 이렇게해도... 08/30 17:28:28 
 
 .ㅡㅡ <a onclick=xxx style="cursor:hand;"> 그냥 이렇게 해주면..훔~ 08/31 12:27:28 
 
 미밍 굳이 원한다면....
<SPAN style='cursor:hand' onClick=function>....</SPAN> 08/31 23:43:08 
 
 eNFO <a href="javascript:void(0)" onClick="javascript:();"></a>
이렇게 쓰면 위로올라가지 않고 클릭시 점선도 안생기죠..^^; 09/01 7:11:04 
 
 eNFO 위에있군요;;;

관련자료

등록된 댓글이 없습니다.
Today's proverb
사람이 친구를 위하여 목숨을 버리면 이보다 더 큰 사랑은 없다. (성서)