javascript - 在 Safari 中失去内容可编辑的焦点

Question

我在 safari 中对 contenteditable 有一个奇怪的行为。当我单击该元素时，我的可编辑内容失去焦点。

<h1 contenteditable="true" id="authoringTitle">Title</h1>
$('#authoringTitle').click(function(){
    $(this).text('');
})

当您在 Chrome 中单击它时，您可以立即编辑此字段。在 Safari 中它失去焦点，我必须点击两次。 JSFiddle is available .

我尝试了$(this).focus(); $(this).contents().focus(); $(this).attr ('contenteditable', "true").focus() 来自诸如 this 之类的各种问题和 this但没有运气。

我该如何解决这个问题，原因是什么？

Answer 1

正如我在评论中发布的那样，mousedown 解决了问题:

$('#ID').mousedown(function(){
    $(this).text('');
})