Javascript 可编辑Div-单击时高亮显示特定字母

每次我单击一个div或关注一个contenteditable div时，它都会突出显示我单击的文本。这不是我尝试过的其他网站的情况，所以我知道这不是我的鼠标，我有大量的jquery和css，所以我不认为发布所有代码是有用的。人们能否提供建议/猜测，说明为什么会这样做，以及如何修复，因为目前我不知道。。我没有特别的代码来突出显示任何文本，所以我很困惑

相关代码：

 //This is loaded on body load
 $("body").click(function(el) {
            if($("#menu").is(":visible")){
               //The click handler function puts new textboxes in if clicked correctly.
              clickHandler($(event.target));
 }


 <div class="container image">
    <img src="https://placeimg.com/240/180/any" />
</div>

//这是在车身上加载的
$（“正文”）。单击（功能（el）{
如果（$（“#菜单”）是（“：可见”））{
//如果单击正确，单击处理程序函数会将新文本框放入。
clickHandler（$（event.target））；
}

您可以试试

window.getSelection().removeAllRanges();

document.getSelection().removeAllRanges();

以确保未选中所有文本

请看这两个条目：

---

所以我认为这实际上是chrome中的一个bug。离开几个小时后，刷新页面，它随机开始正常工作。感谢所有试图帮助的人-如果你无意中发现此页面寻找答案，guergana提供了一个可能的解决方案。

你能澄清一下你喜欢哪一部分吗想要选择吗？在您的代码中，似乎您正在尝试选择dom的元素，如“p”文本的容器您是否单击div中的文本？此外，您的单击处理程序也会为body和input启动box@Balder-我不希望在单击“材料”时突出显示文本。单击框时，它会突出显示单个字母。莫希特，是的，我确实会单击文本，如果单击任何内容，它似乎会突出显示，因此如果文本在那里，它将突出显示文本。如果那里没有任何内容，它将突出显示div本身。我不介意它是否触发body和input box，除非您能想到一种更有效的方法（每次单击任何内容时，我都需要检测）…这是个好主意，但不是我需要的..在一瞬间，它仍然显示突出显示的文本/div，这不是正常行为。。