如果它位于光标位置下，如何删除内容可编辑div中的HTML？

Question

我正在尝试从此HTML中删除类.words，无论何时单击它或者在其上发生按键操作。

<div id="content" contenteditable="true"> Here are <span class="words" id="whatever">some</span> words </div>

我试过

$('.words').click(function() { $(this).remove(); });

和more，除非我点击另一个单词并使用左键或右键循环.words（因为它是内容可编辑的），否则它起作用。我希望它一旦光标在类上就被删除。谢谢。

Answer 1

这样的东西？

var words = $('.words')[0]    

$('#content').keyup(function(){    
    if (words == getSelectionStart()){
        $(words).remove()   
    }
})

function getSelectionStart() {
   var node = document.getSelection().anchorNode;
   return (node.nodeType == 3 ? node.parentNode : node);
}

示例： http://jsfiddle.net/nickg1/ttMJW/1/