javascript - 在双击时设置 contenteditable - IE 不允许编辑，除非再单击一次

Question

基本上，我在双击时将 contentEditable 设置为 true。在 IE 8、9、10 中它没有焦点，例如输入不改变任何东西，你必须点击第三次才能获得焦点。在 Chrome 中它按预期工作(你双击并可以开始输入)这是最小的 jsfiddle演示问题(使用 mootools)。

$('dummy').addEvent('dblclick', function(){
    $('dummy').setProperty('contentEditable', true);
    $('dummy').focus();
});

如果它有任何重要性，被点击的元素是一个绝对定位的 div。

如何解决这个问题？

Answer 1

IE 是……IE。

试试这个:

$('dummy').addEvent('dblclick', function () {
    this.setProperty('contentEditable', true);
    this.blur();
    this.focus();
});

Fiddle