javascript - 如果内容可编辑的 div 在光标位置下，我如何删除它？

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/