因此,当用户双击 div 时,我想让它可编辑并将光标设置在他双击的位置。
html:
<div id="mydiv" class="cmydiv" ondblclick="fEdit(this, event)">haha brouhaha beeee lololol</div>
javascript:
function fEdit(elem, e) {
elem.contentEditable = "true";
var range;
if (document.selection) {
range = window.document.selection.createRange();
range.expand("word");
range.execCommand("unselect");
} else {
range = window.getSelection();
if (range.rangeCount > 0) range.collapseToStart();
}
setTimeout(function() { elem.focus(); }, 10);
//elem.focus();
}
正如你所看到的,我用 IE 的 setTimeout 调用 focus(),但是它仍然不起作用!在所有其他浏览器中,我可以看到现在可编辑的 div 内的光标,但不能在 IE 中(版本 8)。到底是怎么回事 ?
jsfiddle:http: //jsfiddle.net/QcKpr/12/