为什么在这个例子中，window.getSelection（）焦点不在Chrome中工作？

Question

我想使用window.getSelection（）来返回节点，当一个contenteditable div已被集中。

HTML：

<div id="testing" contenteditable="true"> 
    <p>Click on me while monitoring the console</p> 
</div> 

的jQuery：

$('#testing').focus(function() { 
    console.log(window.getSelection()); 
}); 

见的jsfiddle这里：http://jsfiddle.net/yftf24g6/

监控控制台，我得到在Firefox文本节点选择，但不Chrome（选择{type：“None”}）

任何人都可以解释为什么吗？

Answer 1

铬中（正如我所看到的）在完成选择之前，单击可编辑元素后即刻触发focus事件。添加setTimeout解决了这个问题，但是不可靠。

我会建议你使用mouseup事件，

的鼠标松开事件当鼠标指针是在元素和松开鼠标按钮被发送到一个元素。任何HTML元素都可以接收此事件。

$('#testing').mouseup(function() { 
    console.log(window.getSelection().toString()); 
}); 

_{测试在Firefox（37.0.2）和铬（42.0.2311）。}

Updated Fiddle