可满足的无检测图像

Question

请帮助我..

我有可满足的问题，尤其是图像检测

我使用此代码：

function getnode() {
  var node, selection;
  if (window.getSelection) {
    selection = getSelection();
    node = selection.anchorNode;
  }
  if (!node && document.selection) {
    selection = document.selection;
    var range = selection.getRangeAt ?
      selection.getRangeAt(0) :
      selection.createRange();
    node = range.commonAncestorContainer ?
      range.commonAncestorContainer :
      range.parentElement ? range
      .parentElement() : range.item(0);
  }
  if (node) {
    return (node.nodeName == "#text" ? node.parentNode : node);
  }
}

jQuery：

$(function() {
  $("#editor").bind('click', function(e) {
    var $node = $(getnode());
    if ($node.is('a')) {
      alert("Yes I am link");
    }
    if ($node.is('b')) {
      alert("Yes I am bold");
    }
    if ($node.is('img')) {
      alert("IMAGE READY");
    } else {
      $("#editor").focus();
    }
  });
});

小提琴演示：请帮助我，找到方法

预先感谢您

Answer 1

我认为解决问题的最简单方法是 not 使用您自己的getNode函数，但允许该元素来自click eventhandler目标属性。

将代码更改为我尝试过的方案

，至少可以完美地工作

$("#editor").bind('click', function (e) {
    var $node =  $( e.target );
    if ($node.is('a')) {
        alert("Yes I am link");
    }
    if ($node.is('b')) {
        alert("Yes I am bold");
    }
    if ($node.is('img')) {alert("IMAGE READY");
    } else {
        $("#editor").focus();
    }
});