[javascript] JavaScript에서 href 링크를 비활성화하려면 어떻게합니까?

이 스타일 클래스를 사용하여 페이지의 모든 링크를 비활성화 할 수 있습니다.

a {
    pointer-events:none;
}

이제 당연히 요령은 필요할 때만 링크를 비활성화하는 것입니다.

다음과 같이 빈 A 클래스를 사용하십시오.

a {}

그런 다음 링크를 비활성화하려면 다음을 수행하십시오.

    GetStyleClass('a').pointerEvents = "none"

    function GetStyleClass(className)
    {
       for (var i=0; i< document.styleSheets.length; i++) {
          var styleSheet = document.styleSheets[i]

          var rules = styleSheet.cssRules || styleSheet.rules

          for (var j=0; j<rules.length; j++) {
             var rule = rules[j]

             if (rule.selectorText === className) {
                return(rule.style)
             }
          }
       }

       return 0
    }

참고 : CSS 규칙 이름은 일부 브라우저에서 소문자로 변환되며이 코드는 대소 문자를 구분하므로 소문자 클래스 이름을 사용하는 것이 좋습니다.

링크를 다시 활성화하려면 :

GetStyleClass('a').pointerEvents = ""

브라우저 호환성에 대한 정보는 http://caniuse.com/pointer-events 페이지를 확인하십시오 .

나는 이것이 최선의 방법이라고 생각하지만 슬프게도 IE는 항상 그렇듯이 허용하지 않을 것입니다 🙂 어쨌든 유용 할 수있는 정보가 포함되어 있고 일부 프로젝트는 알고있는 브라우저를 사용하기 때문에 나는 이것을 게시하고 있습니다. , 모바일 장치에서 웹보기를 사용할 때와 같습니다.

하나의 링크를 비활성화하고 싶다면 (그게 질문이라는 것을 깨달았습니다), 해당 조건에 따라 현재 페이지의 URL을 수동으로 설정하거나 설정하지 않는 기능을 사용합니다. (당신이 수락 한 해결책처럼)

이 질문은 내가 생각했던 것보다 훨씬 쉬웠습니다. 🙂

답변

anchor.href = "#";

anchor.href = "javascript:void(0)";

$(function () {
    $('a.something').on("click", function (e) {
        e.preventDefault();
    });
});

anchor.href = null;

(function ($) {
    $( window ).load(function() {
        $('.navbar a').unbind('click');
        $('.navbar a').click(function () {
            //DO SOMETHING
            return false;
        });
    });
})(jQuery);