Top

링크 페이지이동 막기 | Web-Programing
김경훈 (admin) | Editor | 2016/04/14 18:11:20 | 조회:9302

페이지의 링크 클릭시 페이지 이동 막는 방법.



- HTML -

  2. <div class="nolink">
  3. <a href="http://google.com" target="_blank">google</a>
  4. <a href="javascript:location.href='http://naver.com'" target="_blank">google2</a>
  5. <a href="javascript:;" onclick="location.href='http://naver.com'" target="_blank">google3</a>
  6. <button onclick="location.href='http://naver.com'">naver</button>
  7. </div>

- JS -

  1. jQuery(function($){
  2.     var $preview_zone = $('.nolink');
  3.     var msg = 'alert message';
  4.     $preview_zone
  5.       .find('a, [onclick]').on('click', function(){
  6.         alert(msg);
  7.         return false;
  8.       })
  9.       .prop('onclick', null);
  10.     ;
  11. });



 attr과 prop는 비슷한듯 다르다.

 attr은 속성을 문자열로 사용할 때 "checked" 로, prop는 속성을 Boolean으로 사용할 때 true, false 로 사용한다.

  1. // Correct if changing the attribute is desired
  2. $(elem).attr("checked", "checked");
  4. // Correct for checking the checkbox
  5. $(elem).prop("checked", true);
  7. // Correct if removing the attribute is desired
  8. $(elem).removeAttr("checked");
  10. // Correct for clearing the checkbox
  11. $(elem).prop("checked", false);
공유하기
공유하기
0
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [PHP] 배열 형태를 파일로 만들어 넣기 김경훈 (admin) 2016-04-21 11:18:15
▼ 다음글 [javascript] document.documentMode 김경훈 (admin) 2015-10-28 13:58:57
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.