在 safari 中失去对 contenteditable 的关注答案

【问题标题】：Losing focus in contenteditable in safari在 safari 中失去对 contenteditable 的关注
【发布时间】：2014-06-14 00:22:44
【问题描述】：

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

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

当您在 chrome 中单击它时，您可以立即编辑此字段。在野生动物园中，它失去了焦点，我必须单击两次。 JSFiddle is available.

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

我该如何解决它，这是什么原因？

【问题讨论】：

我无法在 Mavericks 上使用 Safari 复制所描述的问题。此外，此类问题通常可以通过使用 mousedown 和 e.preventDefault(); 来解决。
@Ohgodwhy 我在 Windows (5.1) 上的 Safari 和 ipad、iphone 上都有这个。你是对的，mousedown 修复了它。即使没有阻止默认值。

【解决方案1】：

正如我在评论中所说，mousedown 解决了这个问题：

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

【讨论】：