Question

可能重复：
Override default behaviour for link ('a') objects in Javascript

将主页中的整个页面链接设为只读的最佳方法是什么（根据用户操作，不可点击，如href=#或href="javascript:void()"。

我只想使用Javascript和CSS来实现这一目标。

Answer 1

只有css

a {
    pointer-events: none;
    cursor: default;
}

Answer 2

尝试

使用jquery

$("a").click(function() { return false; });

vanilla js

        var elements = document.getElementsByTagName("a");
        for (var i = 0; i < elements.length; i++) {
            elements[i].onclick = function () { return false; }
        }

Answer 3

这样的事情应该有效

var anchors = document.getElementsByTagName('a');

for(var i=0,len=anchors.length;i<len;i++){
   anchors[i].href = '#';
}

Answer 4

这是CMS使用事件委派技术的精彩解决方案。

document.onclick = function (e) {
  e = e ||  window.event;
  var element = e.target || e.srcElement;

  if (element.tagName == 'A') {
    someFunction(element.href);
    return false; // prevent default action and stop event propagation
  }
};

Demo

Answer 5

开始于：

links = document.getElementsByTagName('a')

然后：

for (var i=0; i<links.length; ++i) {
    // disable a link, for instance like this
    links[i].href = "javascript:void()"
}

Answer 6

<强>的jQuery

$("a").on("click",function(e) { e.preventDefault();   
   // anything you want to do on click
});

Answer 7

如何使用replaceChild - 它可以在所有浏览器中使用，因为NS6 / IE6 / Chrome1 / FX1左右

DEMO

普通JS：

window.onload=function() {
  var anchors = document.getElementsByTagName('a');

  for(var i=anchors.length-1;i>=0;i--){
    var span = document.createElement("span");
    span.innerHTML=anchors[i].innerHTML;
    anchors[i].parentNode.replaceChild(span,anchors[i])
    span=null;
  }
}

或者我在页面评论中的第一个建议：

window.onload=function() {
  var anchors = document.getElementsByTagName('a');
  for(var i=anchors.length-1;i>=0;i--){
    anchors[i].onclick=function() { return false }
  }
}

使整个网页链接无法点击的最佳方法是什么

7 个答案: