Question

我有一个最初具有contenteditable = false的div。

<div contenteditable="false" tabindex='1' style="width:100px;height:100px" id="my_div" >def text</div>

我想让它成为contenteditable = true and双击后关注它。

function make_focus()
{
$("#my_div").prop('contenteditable','true'); 
$("#my_div").focus();   
}

$(function() {

    $("#my_div").dblclick(function(e)
    {
    make_focus();
    })

});

如果我调用make_focus（）directly，没有这样的dblclick事件

<input type=button value='make focus' onclick="make_focus()">

然后我得到#my_div专注于the way i need。但是，when i check how it works with dblclick然后我得到了不同的结果。第一件事是双击后文本被选中并i don't need it。第二件事是in IE the div doesn't get focused after double click。再次，我希望双击工作就像直接调用的函数。这是jsfiddle的链接，显示它应该如何工作 http://jsfiddle.net/cH3Xs/14/。另一个链接显示它应该如何工作（请检查IE）http://jsfiddle.net/Vr8yB/5/

P.S 即可。以下解决方案似乎有效：Text selection in div(contenteditable) when double click

Answer 1

<div style="width:800px;height:100px" ondblclick="this.contentEditable=true;" onblur="this.contentEditable=false;this.className='';" contenteditable="false">Double click to see</div>

双击后，关注一个满足的div

1 个答案: