取消选择contenteditable元素

Question

我正在尝试删除可信范围内的选择。我的代码就是：

<h1 contenteditable>Text</h1>
<input type="text" value="Text" /><br/>
<input type="button" onclick="" value='Deselect input'>
<input type="button" onclick="$('h1').blur()" value='Deselect h1'>

我通过h1

自动选择document.execCommand('selectAll', false, null);的文字

删除输入的选择有效，但它不适用于h1。我怎样才能做到这一点？

检查this fiddle

这张照片显示了它对我的影响：

如您所见，我只点击了deselect h1，文字仍处于选中状态。我使用的是Chrome。

Answer 1

这里的答案解决了我的问题，但由于某种原因被删除了。就是这样：

用$('h1').blur()替换window.getSelection().removeAllRanges();"修复它。

Answer 2

我在SO上找到this，应该是你要找的东西：

main

工作fiddle

Answer 3

这是工作代码

Foo

https://jsfiddle.net/v73e3xdf/2/