什麼是最好的方式，使整個網頁鏈接不點擊

Question

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

是什麼使得在主頁整個頁面鏈接只讀的最佳方式（不可點擊，如href=#或href="javascript:void()"基於用戶操作。

我只想使用Javascript和CSS來實現此目的。

Answer 1

嘗試

與jQuery

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

香草JS只有

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

Answer 2

CSS

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

Answer 3

開始：

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 4

像這樣的東西應該工作

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

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

Answer 5

jQuery的

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

Answer 6

如何使用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 } 
    } 
} 

Answer 7

這裏是一個通過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