IE8、IE9、IE10 閃爍光標問題

Question

我正在制作一個在某些文本選擇上顯示工具欄的編輯器。 我在 IE 中面臨的問題是閃爍的光標仍然顯示在工具欄上方。 這特別發生在 IE 中。 閃爍的光標出現在頂部。

這是此問題的示例：

 $('.content').mouseup(function(e) { $('.shy').css({ top: e.pageY - 30 + 'px', left: e.pageX - 30 + 'px' }); $('.shy').show(); });

 .content { height: 300px; width: 300px; border: 1px solid black; overflow: hidden; word-wrap: break-word; z-index: 1; } .shy { height: 100px; width: 100px; background-color: orange; z-index: 2; overflow: hidden; word-wrap: break-word; display: none; position: absolute; }

 <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <div contenteditable="true" class='content'>Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content</div> <div class='shy'> <div>

將焦點移出不是一種選擇，因為此應用程序中有更多組件，並且此修復程序不適用於這些情況。 修復需要完全自主。

Answer 1

只需添加

$('.shy').focus();

光標將在 IE7-IE10 上停止閃爍（已測試）

http://jsfiddle.net/2QAxk/6/

UDP1抱歉沒有看到您關於“焦點”的更新不是一個選項...