Comment désactiver les liens hypertexte dans un div

Question

Comment puis-je désactiver tous les liens hypertexte dans un élément div? Je ne veux pas de liens actifs dans mon div (éditable).

Answer 1

D'abord récupérer tous les liens.

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

Ensuite, définissez l'onclick sur false.

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

Answer 2

en utilisant javascript vous pouvez écrire une méthode simple comme indiqué ci-dessous -

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; 
     }; 
    } 
    } 
} 

// appel à la fonction comme

disableLinksByElement('mydiv'); 

Answer 3

jQuery:

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

Ancien et considéré mauvais.

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