Question

如何禁用div元素中的所有超链接？我不想在我的div中有任何活动链接（可编辑）。

Answer 1

jQuery的：

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

旧并且认为不好。

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

Answer 2

首先抓住所有链接。

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 3

使用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');

如何禁用div中的超链接

3 个答案: