如何禁用div中的超鏈接

Question

如何禁用div元素中的所有超鏈接？我不希望我的div中有任何活動鏈接（可編輯）。

Answer 1

先抓住所有鏈接。

var links = editable.getElementsByTagName('a'); // where "editable" is a var pointing to your div 

然後將onclick設置爲false。

for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    link.onclick = function() { return false; }; 
} 

Answer 2

使用JavaScript下面給出你可以寫一個簡單的方法 -

function disableLinksByElement(el) { 
    if (document.getElementById && document.getElementsByTagName) { 
    if (typeof(el) == 'string') { 
     el = document.getElementById(el); 
    } 
    var anchors = el.getElementsByTagName('a'); 
    for (var i=0, end=anchors.length; i<end; i++) { 
     anchors[i].onclick = function() { 
     return false; 
     }; 
    } 
    } 
} 

//調用充當

disableLinksByElement('mydiv'); 

Answer 3

的jQuery：

$("#myEditableDiv a").click(function(e){ e.preventDefault(); }); 

老考慮爲不好的。

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