爲什麼在這個例子中，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