복붙노트

[JQUERY] 에서는 event.preventDefault () 대 리턴 거짓

JQUERY

에서는 event.preventDefault () 대 리턴 거짓

해결법


  1. 1.JQuery와 이벤트 핸들러 내에서 반환 거짓 효과적으로 전달 jQuery.Event 객체에 e.preventDefault 및 e.stopPropagation 모두를 호출 한 것과 같은 상태가된다.

    JQuery와 이벤트 핸들러 내에서 반환 거짓 효과적으로 전달 jQuery.Event 객체에 e.preventDefault 및 e.stopPropagation 모두를 호출 한 것과 같은 상태가된다.

    e.preventDefault는 ()를 버블 링 및 반환 거짓 둘 다 할 것입니다에서 이벤트를 방지 할 수 있습니다 발생하는, e.stopPropagation ()에서 기본 이벤트를 방지 할 수 있습니다. 일반 (비 jQuery를) 이벤트 핸들러에서이 행동 다릅니다이있는, 특히, 반환 허위가 버블 링에서 이벤트를 중지하지 않습니다.

    출처 : 존 레식

    반드시 href 클릭을 취소하려면 "반환 거짓"이상에서는 event.preventDefault ()를 사용하는 모든 혜택?


  2. 2.반환 거짓을 사용하여 이상에서는 event.preventDefault ()를 사용하는 경우 내 경험에서, 적어도 하나의 분명한 장점이있다. 사용자가 현재 페이지에서 멀리 탐색 할 수 있다면 그것은 큰 문제가 될 것이다, 그렇지 않으면, 당신은 앵커 태그의 클릭 이벤트를 캡처하는 가정하자. 당신의 클릭 핸들러가 사용하는 브라우저 탐색을 방지하기 위해 false를 반환하면, 인터프리터가 return 문에 도달하지 않으며 브라우저가 앵커 태그의 기본 동작을 실행하기 위해 진행 가능성을 엽니 다.

    반환 거짓을 사용하여 이상에서는 event.preventDefault ()를 사용하는 경우 내 경험에서, 적어도 하나의 분명한 장점이있다. 사용자가 현재 페이지에서 멀리 탐색 할 수 있다면 그것은 큰 문제가 될 것이다, 그렇지 않으면, 당신은 앵커 태그의 클릭 이벤트를 캡처하는 가정하자. 당신의 클릭 핸들러가 사용하는 브라우저 탐색을 방지하기 위해 false를 반환하면, 인터프리터가 return 문에 도달하지 않으며 브라우저가 앵커 태그의 기본 동작을 실행하기 위해 진행 가능성을 엽니 다.

    $('a').click(function (e) {
      // custom handling here
    
      // oops...runtime error...where oh where will the href take me?
    
      return false;
    });
    

    에서는 event.preventDefault ()를 사용하는 이점은 당신이하여 앵커의 기본 동작이 화재에 관계없이 함수의 마지막 줄에 도달하지하지 않을 경우 것을 보장 핸들러의 첫 번째 행으로이 작업을 추가 할 수 있습니다 (예. 런타임 오류 ).

    $('a').click(function (e) {
      e.preventDefault();
    
      // custom handling here
    
      // oops...runtime error, but at least the user isn't navigated away.
    });
    

  3. 3.당신이 그것을하는 "자바 스크립트"질문을 제목했습니다 이것은 아니다; 그것은 jQuery를 디자인에 관한 질문입니다.

    당신이 그것을하는 "자바 스크립트"질문을 제목했습니다 이것은 아니다; 그것은 jQuery를 디자인에 관한 질문입니다.

    jQuery를하고 (karim79의 메시지) 존 레식에서 이전에 링크 표창장은 일반적으로 작품에 어떻게 이벤트 핸들러의 소스 오해 것 같다.

    사실 :는 이벤트 핸들러 거짓 방지에게 해당 이벤트에 대한 기본 동작을 반환합니다. 그것은 이벤트 전파를 중지하지 않습니다. 이벤트 핸들러는 항상 넷스케이프 네비게이터의 옛날부터 이런 식으로 일했다.

    MDN에서 문서 이벤트 핸들러의 작품에서 어떻게 반환 거짓 설명

    어떻게 jQuery를에서 발생하는 이벤트 핸들러 발생하는 것과 동일하지 않습니다. DOM 이벤트 리스너 및 MSIE "연결"이벤트는 완전히 다른 문제입니다.

    추가 읽기를 들어, MSDN과 W3C DOM 2 개 이벤트 문서에는 attachEvent를 참조하십시오.


  4. 4.일반적으로, 첫 번째 옵션은 (로 preventDefault ()는) 취할 수있는 하나입니다,하지만 당신은 당신이있어, 당신의 목표는 무엇인가 어떤 상황 알아야합니다.

    일반적으로, 첫 번째 옵션은 (로 preventDefault ()는) 취할 수있는 하나입니다,하지만 당신은 당신이있어, 당신의 목표는 무엇인가 어떤 상황 알아야합니다.

    귀하의 반환 거짓에 큰 기사를 가지고 코딩 연료; event.stopImmediatePropagation 대 ​​event.stopPropagation 대 ​​대에서는 event.preventDefault () () ().


  5. 5.jQuery를 사용하는 경우 당신이 그것을 호출 할 때, 반환 거짓은 3 별도의 일을하고있다 :

    jQuery를 사용하는 경우 당신이 그것을 호출 할 때, 반환 거짓은 3 별도의 일을하고있다 :

    정지 (MIS) 더 많은 정보와 예제를 반환 거짓 사용 : jQuery를 이벤트를 참조하십시오.


  6. 6.당신은 하나 개의 요소에 대한 온 클릭 이벤트에 많은 기능을 중지 할 수 있습니다. 당신은 어떻게 확인 거짓 화재 마지막 하나가 될 수 있는가? 반면에로 preventDefault 확실히 요소의 기본 동작을 방지 할 수 있습니다.

    당신은 하나 개의 요소에 대한 온 클릭 이벤트에 많은 기능을 중지 할 수 있습니다. 당신은 어떻게 확인 거짓 화재 마지막 하나가 될 수 있는가? 반면에로 preventDefault 확실히 요소의 기본 동작을 방지 할 수 있습니다.


  7. 7.내 생각

    내 생각

    에서는 event.preventDefault ()

    이벤트를 취소하는 W3C의 지정 방법입니다.

    당신은 이벤트 취소에 대한 W3C 사양이 읽을 수 있습니다.

    또한 당신은 모든 상황에서 반환 거짓을 사용할 수 없습니다. HREF 특성에서 자바 스크립트 기능을 제공하고 false를 반환하는 경우 다음 사용자가 작성한 거짓 문자열이있는 페이지로 리디렉션됩니다합니다.


  8. 8.나는이 작업을 수행하는 가장 좋은 방법은 몇 가지 예외 핸들러에서 제기되는 경우, 반환 허위 진술을 건너 뛰고 행동이 당신이 원하는 것을 반대되기 때문에에서는 event.preventDefault ()를 사용하는 것입니다 생각합니다.

    나는이 작업을 수행하는 가장 좋은 방법은 몇 가지 예외 핸들러에서 제기되는 경우, 반환 허위 진술을 건너 뛰고 행동이 당신이 원하는 것을 반대되기 때문에에서는 event.preventDefault ()를 사용하는 것입니다 생각합니다.

    당신이 코드가 예외를 유발하지 않을 것이라는 확신한다면, 당신은 당신이 원하는 방법 중 하나와 함께 갈 수 있습니다.

    여전히 반환 거짓으로 가고 싶은 경우에, 당신은 다음과 같은 시도의 catch 블록에서 전체 핸들러 코드를 넣을 수 있습니다 :

    $('a').click(function (e) {
      try{
          your code here.........
      }
       catch(e){}
      return false;
    });
    

  9. 9.내 경험에서 내 의견은 사용에 항상 낫다는 것을 말

    내 경험에서 내 의견은 사용에 항상 낫다는 것을 말

    event.preventDefault() 
    

    거의 중지 또는 우리가 반환 거짓보다는 필요한 때마다 이벤트를 제출 방지하기 위해 에서는 event.preventDefault ()는 잘 작동합니다.


  10. 10.반환 허위에서는 event.preventDefault ()의 주요 차이점은 반환 거짓 아래 코드가 실행되지 않고에서는 event.preventDefault에서 ()의 경우는 코드가이 문 다음에 실행하는 것입니다.

    반환 허위에서는 event.preventDefault ()의 주요 차이점은 반환 거짓 아래 코드가 실행되지 않고에서는 event.preventDefault에서 ()의 경우는 코드가이 문 다음에 실행하는 것입니다.

    당신이 반환 거짓을 쓸 때 그것은 뒤에서 당신을 위해 다음과 같은 일을한다.

    * Stops callback execution and returns immediately when called.
    * event.stopPropagation();
    * event.preventDefault();
    

  11. 11.e.preventDefault ();

    e.preventDefault ();

    그것은 단순히 요소의 기본 동작을 중지합니다.

    방지는 URL을 다음에서 하이퍼 링크, 방지는 양식을 제출 버튼을 제출합니다. 당신이 많은 이벤트 핸들러가 방금 발생하는에서 기본 이벤트 않도록하려면, 여러 번에서 발생하는 경우, 우리는 함수의 상단에 사용하기에 필요에 대한 ().

    그 이유는 e.preventDefault ()를 사용하는; 뭔가 코드의 잘못 때문에 우리의 코드 즉, 그것은 제출받을 수있는 링크 나 양식을 실행하거나 실행하거나 당신이해야 할 어떤 작업을 할 수 있도록 허용 할 수 있습니다. & 링크 또는 제출 버튼을 제출 & 여전히 이벤트가 전파를 허용 얻을 것이다.

    <메타 캐릭터 = "UTF-8"> </ TITLE> </ head> <body> <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> 리디렉션하기 </a> <a href="https://www.google.com" onclick="doSomethingElse()"> Preventsss 페이지 <스크립트 유형 = "텍스트 / 자바 스크립트"> doSomethingElse 함수 () { 을 console.log ( "이것은 ... 테스트입니다"); } $ ( "A"). {() 함수 (예를 클릭합니다 e.preventDefault (); }); </ script> </ body> </ HTML></p> <p>False를 반환;</p> <p>단순히 함수의 실행을 중지 ().</p> <p>"false를 반환;" 프로세스의 전체 실행을 종료합니다.</p> <p>사용 반환 false로 이유; 당신이 엄격 모드에서 더 이상 기능을 수행하지 않는다는 것입니다.</p> <p><! DOCTYPE HTML> <HTML LANG = "EN"DIR = "리터"> <head> <메타 캐릭터 = "UTF-8"> <TITLE> </ TITLE> </ head> <body> <a href="#" onclick="returnFalse();"> ㅋ </a>를 <스크립트 유형 = "텍스트 / 자바 스크립트"> returnFalse 함수 () { CONSOLE.LOG는 ( "위치 재 지정하지 않고 false를 돌려줍니다 ....") false를 반환; 같이 location.href = "http://www.google.com/"; } </ script> </ body> </ HTML></p> </li> <li> <div><hr /></div><h2>12.jQuery를 주로, 당신은 기본적으로 기본을 방지 HTML 요소에 초점을 맞춘 프레임 워크이지만, 같은 시간에, 당신은 거품까지 전파를 중지하기 때문에 기본적으로,이 방법은 사물을 결합한다.</h2> <p>jQuery를 주로, 당신은 기본적으로 기본을 방지 HTML 요소에 초점을 맞춘 프레임 워크이지만, 같은 시간에, 당신은 거품까지 전파를 중지하기 때문에 기본적으로,이 방법은 사물을 결합한다.</p> <p>우리는 단순히 말할 수 그래서, jQuery를에 반환 거짓과 같다 :</p> <p>반환 거짓은 e.preventDefault 및 e.stopPropagation입니다</p> <p>그러나 또한, 모든 jQuery를 또는 DOM 관련 기능에있어 당신이 요소를 실행하면 기본적으로,이 이벤트의 기본 동작 및 전파를 포함한 발사에서 모든 것을 방지 잊지 마세요.</p> <p>기본적으로 반환 거짓을 사용하여 시작하기 전에 ;, 먼저 이해 무엇 e.preventDefault (); 및 e.stopPropagation (); 당신이 생각하는 경우에, 할 당신은 모두가 단순히 그것을 사용, 동시에 필요합니다.</p> <p>그래서 기본적으로이 코드를 아래 :</p> <pre><code>$('div').click(function () { return false; }); </code></pre> <p>이 코드와 같다 :</p> <pre><code>$('div').click(function (event) { event.preventDefault(); event.stopPropagation(); }); </code></pre> </li> <li> <div><hr /></div><h2>13.내 경험 event.stopPropagation ()는 카드 및 버튼 요소를 모두 가져가 효과가있을 때 당신이 호버 버튼 카드와 버튼을 모두 가져가 영향이 경우 트리거 될 때 주로 예를 들어, CSS 효과 나 애니메이션 작품에 사용됩니다에서 , 당신은 event.stopPropagation () 정지 버블 링 작업을 사용할 수 있으며에서는 event.preventDefault ()는 브라우저의 행동의 방지의 기본 동작입니다. 예를 들어, 당신이 양식을 가지고 있지만 당신은 단지, 키 누르기 이벤트에 의해 트리거 브라우저가 여기 아닌 클릭 이벤트는에서는 event.preventDefault를 사용해야합니다 Enter 키를 눌러 사용자 전송하면 양식, 제출 조치에 대한 클릭 이벤트를 정의 () 부적절 피하기 위해 행동. 나는 도대체 반환 거짓 모르겠어요; 더 명확 방문 유감이야이 링크 및 # 33 https://www.codecademy.com/courses/introduction-to-javascript/lessons/requests-i/exercises/xhr-get-request-iv 선으로 놀러</h2> <p>내 경험 event.stopPropagation ()는 카드 및 버튼 요소를 모두 가져가 효과가있을 때 당신이 호버 버튼 카드와 버튼을 모두 가져가 영향이 경우 트리거 될 때 주로 예를 들어, CSS 효과 나 애니메이션 작품에 사용됩니다에서 , 당신은 event.stopPropagation () 정지 버블 링 작업을 사용할 수 있으며에서는 event.preventDefault ()는 브라우저의 행동의 방지의 기본 동작입니다. 예를 들어, 당신이 양식을 가지고 있지만 당신은 단지, 키 누르기 이벤트에 의해 트리거 브라우저가 여기 아닌 클릭 이벤트는에서는 event.preventDefault를 사용해야합니다 Enter 키를 눌러 사용자 전송하면 양식, 제출 조치에 대한 클릭 이벤트를 정의 () 부적절 피하기 위해 행동. 나는 도대체 반환 거짓 모르겠어요; 더 명확 방문 유감이야이 링크 및 # 33 https://www.codecademy.com/courses/introduction-to-javascript/lessons/requests-i/exercises/xhr-get-request-iv 선으로 놀러</p> </li> </ul> <p>from <a href='https://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false' target='_blank'>https://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false</a> by cc-by-sa and MIT license</p></div> <!-- System - START --> <!-- System - END --> <!-- Adfit_PC - START --> <!-- Adfit_PC - END --> <!-- GoogleAdsenseForResponsive - START --> <div class="tt_adsense_bottom" style="margin-top:30px;"> <DIV class='ads_adsense_img' style='margin:40px 0px 40px 0px;'> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 디스플레이광고만 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8393857339019314" data-ad-slot="7474886381" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </DIV> </div> <!-- GoogleAdsenseForResponsive - END --> <div class="container_postbtn #post_button_group"> <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction'; window.ReactionApiUrl = '//cnpnote.tistory.com/reaction'; window.ReactionReqBody = { entryId: 18805 }</script> <div class="wrap_btn" id="reaction-18805"></div> <script src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-fda325030f650f8bb6efdfbc900c54d5af6cf662/static/script/reaction-button-container.min.js"></script><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" data-title="[JQUERY] 에서는 event.preventDefault () 대 리턴 거짓" data-description="에서는 event.preventDefault () 대 리턴 거짓 해결법 1.JQuery와 이벤트 핸들러 내에서 반환 거짓 효과적으로 전달 jQuery.Event 객체에 e.preventDefault 및 e.stopPropagation 모두를 호출 한 것과 같은 상태가된다. JQuery와 이벤트 핸들러 내에서 반환 거짓 효과적으로 전달 jQuery.Event 객체에 e.preventDefault 및 e.stopPropagation 모두를 호출 한 것과 같은 상태가된다. e.preventDefault는 ()를 버블 링 및 반환 거짓 둘 다 할 것입니다에서 이벤트를 방지 할 수 있습니다 발생하는, e.stopPropagation ()에서 기본 이벤트를 방지 할 수 있습니다. 일반 (비 jQuery를) 이벤트 .." data-profile-image="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" data-profile-name="cnpnote" data-pc-url="https://cnpnote.tistory.com/entry/JQUERY-%EC%97%90%EC%84%9C%EB%8A%94-eventpreventDefault-%EB%8C%80-%EB%A6%AC%ED%84%B4-%EA%B1%B0%EC%A7%93" data-relative-pc-url="/entry/JQUERY-%EC%97%90%EC%84%9C%EB%8A%94-eventpreventDefault-%EB%8C%80-%EB%A6%AC%ED%84%B4-%EA%B1%B0%EC%A7%93" data-blog-title="복붙노트"><span class="ico_postbtn ico_share">공유하기</span></button> <div class="layer_post" id="tistorySnsLayer"></div> </div><div class="wrap_btn wrap_btn_etc" data-entry-id="18805" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button> <div class="layer_post" id="tistoryEtcLayer"></div> </div></div> <button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2840920" data-url="https://cnpnote.tistory.com/entry/JQUERY-%EC%97%90%EC%84%9C%EB%8A%94-eventpreventDefault-%EB%8C%80-%EB%A6%AC%ED%84%B4-%EA%B1%B0%EC%A7%93" data-device="web_pc"><em class="txt_state">구독하기</em><strong class="txt_tool_id">복붙노트</strong><span class="img_common_tistory ico_check_type1"></span></button> <div data-tistory-react-app="SupportButton"></div> </div> <!-- PostListinCategory - START --> <div class="another_category another_category_color_gray"> <h4>'<a href="/category/JQUERY">JQUERY</a>' 카테고리의 다른 글</h4> <table> <tr> <th><a href="/entry/JQUERY-%EC%84%A0%ED%83%9D-%EB%B0%8F-%EC%9D%B4%EC%A0%84-%EB%93%B1-CSS-%EC%9D%98%EC%82%AC-%EC%9A%94%EC%86%8C%EB%A5%BC-%EC%A1%B0%EC%9E%91%ED%95%98%EA%B3%A0-jQuery%EB%A5%BC-%EC%82%AC%EC%9A%A9-%ED%9B%84">[JQUERY] 선택 및 이전 등 :: CSS 의사 요소를 조작하고 :: jQuery를 사용 후</a>  <span>(0)</span></th> <td>2020.09.20</td> </tr> <tr> <th><a href="/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%9E%90%EB%B0%94-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%9D%EC%B2%B4-%EB%A6%AC%ED%84%B0%EB%9F%B4%EC%9D%98-%ED%82%A4%EC%97%90-%EB%8C%80%ED%95%9C-%EB%B3%80%EC%88%98%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95">[JQUERY] 어떻게 자바 스크립트 객체 리터럴의 키에 대한 변수를 사용하는 방법?</a>  <span>(0)</span></th> <td>2020.09.20</td> </tr> <tr> <th><a href="/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%8B%A4%EB%A5%B8-%EC%9B%B9-%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A1%9C-%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98%ED%95%A9%EB%8B%88%EA%B9%8C">[JQUERY] 어떻게 다른 웹 페이지로 리디렉션합니까?</a>  <span>(0)</span></th> <td>2020.09.20</td> </tr> <tr> <th><a href="/entry/JQUERY-attr-VS-prop">[JQUERY] .attr VS .prop ()</a>  <span>(0)</span></th> <td>2020.09.20</td> </tr> <tr> <th><a href="/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%A0%81%EC%9C%BC%EB%A1%9C-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EC%97%85%EB%A1%9C%EB%93%9C-%ED%95%A0-%EC%88%98-%EC%9E%88%EC%8A%B5%EB%8B%88%EA%B9%8C">[JQUERY] 어떻게 비동기 적으로 파일을 업로드 할 수 있습니까?</a>  <span>(0)</span></th> <td>2020.09.20</td> </tr> </table> </div> <!-- PostListinCategory - END --> </div> <div class="entry-footer"> <div class="actionTrail"> <a href="#tb" onclick=""></a>, <a href="#rp" onclick=""></a> </div> <div data-tistory-react-app="Namecard"></div> </div> </div> </div><!-- entry close --> </article> </div><!-- container close --> <aside role="complementary" id="sidebar"> <div class="container"> <div class="sidebar-inner"> <div class="module module_plugin"> <!-- Adfit_PC - START --> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-ubre63wuo3sm" data-ad-width = "160" data-ad-height = "600"></ins> <script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script> <!-- Adfit_PC - END --> </div> <!-- 검색 모듈 --> <div class="widget widget-search col-md-3 col-xs-12"> <h3><i class="icon-magnifier icons"></i> Search</h3> <input type="text" name="search" value="" onkeypress="if (event.keyCode == 13) { try { window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); document.getElementsByName('search')[0].value = ''; return false; } catch (e) {} }"/> <input value="검색" type="button" onclick="try { window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); document.getElementsByName('search')[0].value = ''; return false; } catch (e) {}" class="btn btn-default btn-sm"/> </div> <!-- 카테고리 모듈 --> <div class="widget widget-category col-md-3 col-xs-12"> <h3><i class="icon-direction icons"></i> 카테고리</h3> <ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a> <ul class="category_list"><li class=""><a href="/category/PHP" class="link_item"> PHP </a></li> <li class=""><a href="/category/%EC%8A%A4%ED%81%AC%EB%9E%98%EC%B9%98%203.0" class="link_item"> 스크래치 3.0 </a></li> <li class=""><a href="/category/PYTHON" class="link_item"> PYTHON </a></li> <li class=""><a href="/category/SPRING" class="link_item"> SPRING </a></li> <li class=""><a href="/category/HADOOP" class="link_item"> HADOOP </a></li> <li class=""><a href="/category/SCALA" class="link_item"> SCALA </a></li> <li class=""><a href="/category/MONGODB" class="link_item"> MONGODB </a></li> <li class=""><a href="/category/REDIS" class="link_item"> REDIS </a></li> <li class=""><a href="/category/RUBY-ON-RAILS" class="link_item"> RUBY-ON-RAILS </a></li> <li class=""><a href="/category/SQL" class="link_item"> SQL </a></li> <li class=""><a href="/category/NODEJS" class="link_item"> NODEJS </a></li> <li class=""><a href="/category/JQUERY" class="link_item"> JQUERY </a></li> <li class=""><a href="/category/ANDROID" class="link_item"> ANDROID </a></li> <li class=""><a href="/category/SWIFT" class="link_item"> SWIFT </a></li> <li class=""><a href="/category/HTML" class="link_item"> HTML </a></li> <li class=""><a href="/category/CSS" class="link_item"> CSS </a></li> <li class=""><a href="/category/REACTJS" class="link_item"> REACTJS </a></li> <li class=""><a href="/category/VUEJS" class="link_item"> VUEJS </a></li> <li class=""><a href="/category/WORDPRESS" class="link_item"> WORDPRESS </a></li> <li class=""><a href="/category/ANGULAR" class="link_item"> ANGULAR </a></li> <li class=""><a href="/category/MICROSERVICE" class="link_item"> MICROSERVICE </a></li> <li class=""><a href="/category/DJANGO" class="link_item"> DJANGO </a></li> <li class=""><a href="/category/FLASK" class="link_item"> FLASK </a></li> <li class=""><a href="/category/APACHE" class="link_item"> APACHE </a></li> <li class=""><a href="/category/GO" class="link_item"> GO </a></li> <li class=""><a href="/category/JAVA" class="link_item"> JAVA </a></li> <li class=""><a href="/category/FLUTTER" class="link_item"> FLUTTER </a></li> <li class=""><a href="/category/REACTIVE" class="link_item"> REACTIVE </a></li> <li class=""><a href="/category/SPA" class="link_item"> SPA </a></li> </ul> </li> </ul> </div> <!-- 태그목록 모듈 --> <div class="widget widget-tag col-md-3 col-xs-12"> <h3><i class="icon-tag icons"></i> 태그목록</h3> <ul> <li><a href="/tag/spring-mvc" class="cloud4"> spring-mvc</a></li> <li><a href="/tag/spring" class="cloud1"> spring</a></li> <li><a href="/tag/jQuery" class="cloud4"> jQuery</a></li> <li><a href="/tag/php" class="cloud4"> php</a></li> <li><a href="/tag/PYTHON" class="cloud3"> PYTHON</a></li> <li><a href="/tag/java" class="cloud2"> java</a></li> <li><a href="/tag/HADOOP" class="cloud3"> HADOOP</a></li> <li><a href="/tag/sql" class="cloud2"> sql</a></li> <li><a href="/tag/javascript" class="cloud4"> javascript</a></li> <li><a href="/tag/mysql" class="cloud4"> mysql</a></li> </ul> </div> <!-- 최근 포스트 모듈 --> <div class="widget widget-post col-md-3 col-xs-12"> <h3><i class="icon-list icons"></i> 최근에 올라온 글 </h3> <ul> </ul> </div> </div> </div> </div><!-- container close --> </aside><!-- sidebar close --> <footer role="contentinfo"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 footer-menu"> <a href="https://cnpnote.tistory.com/tag"><i class="icon-tag icons"></i> </a> <a href="https://cnpnote.tistory.com/rss" onclick="window.open(this.href); return false"><i class="icon-feed icons"></i> </a> </div> <div class="col-xs-12 col-sm-12 col-md-12 footer-copyright text-right"> <a href="https://cnpnote.tistory.com/"> cnpnote</a>'s Blog is powered by <a href="http://daum.net" onclick="window.open(this.href); return false">Daumkakao</a> / Designed by <a href="http://ongal.tistory.com">CEOSEO</a> </div> </div> </div> </footer> <!-- jQuery --> <script src="https://tistory1.daumcdn.net/tistory/2840920/skin/images/jquery-1.11.0.min.js?_version_=1583344392"></script> <div class="#menubar menu_toolbar "> <h2 class="screen_out">티스토리툴바</h2> <div class="btn_tool"><button class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2840920" data-url="https://cnpnote.tistory.com" data-device="web_pc"><strong class="txt_tool_id">복붙노트</strong><em class="txt_state">구독하기</em><span class="img_common_tistory ico_check_type1"></span></button></div></div> <div class="#menubar menu_toolbar "></div> <div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div> <iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//cnpnote.tistory.com/api"></iframe> <!-- DragSearchHandler - START --> <script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script> <!-- DragSearchHandler - END --> <script type="text/javascript">(function($) { $(document).ready(function() { lightbox.options.fadeDuration = 200; lightbox.options.resizeDuration = 200; lightbox.options.wrapAround = false; lightbox.options.albumLabel = "%1 / %2"; }) })(tjQuery);</script> <div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-fda325030f650f8bb6efdfbc900c54d5af6cf662/static/script/common.js"></script> <script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script> <script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-fda325030f650f8bb6efdfbc900c54d5af6cf662/static/script/menubar.min.js"></script> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"2840920-18805","customProps":{"userId":"0","blogId":"2840920","entryId":"18805","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"18805","categoryName":"JQUERY","categoryId":"381321","author":"3264508","image":"","plink":"/entry/JQUERY-%EC%97%90%EC%84%9C%EB%8A%94-eventpreventDefault-%EB%8C%80-%EB%A6%AC%ED%84%B4-%EA%B1%B0%EC%A7%93","tags":["dom-events","event-handling","event-propagation","javascript","jQuery"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/polyfills-legacy.min.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>