태그에로 preventDefault ()

해결법

1.같은 것을보십시오 :

같은 것을보십시오 :

$('div.toggle').hide();
$('ul.product-info li a').click(function(event) {
    event.preventDefault();
    $(this).next('div').slideToggle(200);
});

다음은 jQuery를 문서에서 해당에 대한 페이지입니다

2.HREF는 =로 HREF 속성을 설정 "자바 스크립트 :;"

HREF는 =로 HREF 속성을 설정 "자바 스크립트 :;"

<ul class="product-info">
  <li>
   <a href="javascript:;">YOU CLICK THIS TO SHOW/HIDE</a>
  <div class="toggle">
    <p>CONTENT TO SHOW/HIDE</p>
  </div>
 </li>
</ul>

3.3 가지 결과로 발생대로 반환 거짓을 사용하지 않는 것이 좋습니다 것 :

3 가지 결과로 발생대로 반환 거짓을 사용하지 않는 것이 좋습니다 것 :

따라서 이러한 유형의 상황에서, 당신은 정말에만에서는 event.preventDefault ()를 사용한다;

문서의 보관 - jQuery를 이벤트 : 정지 (MIS) 반환 거짓을 사용하여

4.또는, 당신은 단지 클릭 이벤트에서 false를 반환 할 수 :

또는, 당신은 단지 클릭 이벤트에서 false를 반환 할 수 :

 $('div.toggle').hide();
 $('ul.product-info li a').click(function(event){
  $(this).next('div').slideToggle(200);
+ return false; 
 });

어떤은 A-Href에 트리거되고 중지 것이다.

href가 여전히 새 탭에서 링크 열기로 원하는 사람들을 위해, 어딘가 가야한다는 이상적인 세계에서, 유용성 이유로 그러나 주)

5.이것은 그냥 테스트가 아닌 JQuery와 솔루션이며 작동합니다.

이것은 그냥 테스트가 아닌 JQuery와 솔루션이며 작동합니다.

<html lang="en">
<head>
<script type="text/javascript">
addEventListener("load",function(){
    var links= document.getElementsByTagName("a");
    for (var i=0;i<links.length;i++){
        links[i].addEventListener("click",function(e){
        alert("NOPE!, I won't take you there haha");
        //prevent event action
        e.preventDefault();
        })
    }
}); 

</script>
</head>
<body>
<div>
<ul>
    <li><a href="http://www.google.com">Google</a></li>
    <li><a href="http://www.facebook.com">Facebook</a></li>
    <p id="p1">Paragraph</p>
</ul>
</div>
<p>By Jefrey Bulla</p>
</body>
</html>

6.

<ul class="product-info">
  <li>
    <a href="javascript:void(0);">YOU CLICK THIS TO SHOW/HIDE</a>
      <div class="toggle">
        <p>CONTENT TO SHOW/HIDE</p>
      </div>
  </li>
</ul>

사용하다

7.그러나 onclick을 인라인 사용하여 자바 스크립트에서이 일을하는 또 다른 방법, 인생, 이벤트,로 preventDefault () :

그러나 onclick을 인라인 사용하여 자바 스크립트에서이 일을하는 또 다른 방법, 인생, 이벤트,로 preventDefault () :

<a href='#' onclick="(function(e){e.preventDefault();})(event)">Click Me</a>

8.여러 작업 후, 때 페이지는 마지막으로 다음과 같은 작업을 수행 할 수 있습니다 링크로 이동합니다 :

여러 작업 후, 때 페이지는 마지막으로 다음과 같은 작업을 수행 할 수 있습니다 링크로 이동합니다 :

          jQuery("a").click(function(e){
            var self = jQuery(this);
            var href = self.attr('href');
            e.preventDefault();
            // needed operations

            window.location = href;
          });

9.왜 그냥 CSS에서 그것을 할?

왜 그냥 CSS에서 그것을 할?

앵커 태그에 'HREF'속성을 가지고

<ul class="product-info">
  <li>
    <a>YOU CLICK THIS TO SHOW/HIDE</a>
    <div class="toggle">
      <p>CONTENT TO SHOW/HIDE</p>
    </div>
  </li>
</ul>

당신의 CSS에서,

  a{
    cursor: pointer;
    }

10.이벤트의 전파를 정지하는 것은 당신을 귀찮게하지 않는 경우, 바로 사용

이벤트의 전파를 정지하는 것은 당신을 귀찮게하지 않는 경우, 바로 사용

return false;

핸들러의 끝에. jQuery를 그것은 기본 동작을 방지하고이 이벤트 버블 링을 중지합니다.

11.당신은 반환 거짓을 사용할 수있다; 이벤트 호출이 이벤트 전파를 중지에서, 그것은) (AN에서는 event.preventDefault 같은 역할; 그것을 부정. 주어진 식을 평가 한 후 요소에 정의되지 않은 반환 HREF 속성에 (0) 무효 : 또는 당신은 자바 스크립트를 사용할 수 있습니다.

당신은 반환 거짓을 사용할 수있다; 이벤트 호출이 이벤트 전파를 중지에서, 그것은) (AN에서는 event.preventDefault 같은 역할; 그것을 부정. 주어진 식을 평가 한 후 요소에 정의되지 않은 반환 HREF 속성에 (0) 무효 : 또는 당신은 자바 스크립트를 사용할 수 있습니다.

이 호출 이벤트를 반환 :

<a href="" onclick="return false;"> ... </a>

공허의 경우 :

<a href="javascript:void(0);"> ... </a>

무효 (0) 앵커 태그의 클릭 이벤트 리스너에 HREF와 '반환 거짓'에 대한 추가의 효과는 무엇인가 : 당신은 더 약 볼 수 있습니까?

from https://stackoverflow.com/questions/265478/preventdefault-on-an-a-tag by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] jQuery를 AJAX를 쿼리에서 내 JSON을 구문 분석 할 것 (0)	2020.10.19
[JQUERY] 자바 스크립트 URL 디코드 기능 (0)	2020.10.19
[JQUERY] 캡처 키를 누릅니다 (또는를 keyDown) DIV 요소에 대한 이벤트 (0)	2020.10.19
[JQUERY] Ajax를 사용하여 다운로드 및 열려있는 PDF 파일 (0)	2020.10.19
[JQUERY] 왜 브라우저 원인 같은 ASP.NET MVC 액션에 여러 개의 동시 AJAX 호출을 차단하는 것? (0)	2020.10.19

복붙노트

[JQUERY] <A> 태그에로 preventDefault ()