Javascript contenteditable没有焦点，但仍然写入_Javascript_Jquery_Google Chrome_Contenteditable

Javascript contenteditable没有焦点，但仍然写入

javascript jquery google-chrome

Javascript contenteditable没有焦点，但仍然写入,javascript,jquery,google-chrome,contenteditable,Javascript,Jquery,Google Chrome,Contenteditable,我正在使用Foundationalert box和joyride。我遇到了一个奇怪的问题；当我写入contenteditable并打开警报框时，当我关闭警报框时（使用x），然后我再次键入（随机字符），即使contenteditable失去了它的焦点（我用document.activeElement进行了检查）键入的字母插入到contenteditable中，对contenteditable触发的keypress不触发，对正文触发的keydown事件这发生在Chrome，在Firefox中也是

我正在使用

Foundation

alert box

和

joyride

。我遇到了一个奇怪的问题；当我写入

contenteditable

并打开

警报框时，当我关闭警报框时（使用x
），然后我再次键入（随机字符），即使contenteditable
失去了它的焦点（我用document.activeElement
进行了检查）键入的字母插入到contenteditable
中，对contenteditable
触发的keypress不触发，对正文触发的keydown
事件

这发生在Chrome
，在Firefox中也是如此

要解决此问题：当您将注意力集中在contenteditable
，然后单击警报框
“x”（contenteditable
将失去焦点），它将在contenteditable
中键入，解决了以下问题：
$("#mycontenteditable").on("blur", function(){
   var sel = document.getSelection();
   sel.removeAllRanges();
})