在safari中失去焦點

在safari中我有一個奇怪的行爲contenteditable。當我點擊元素時，我的內容可編輯失去焦點。在safari中失去焦點

<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但沒有運氣。

我該如何解決它，這是什麼原因？

我無法複製小牛上使用Safari所描述的問題。此外，像這樣的問題通常通過在'e.preventDefault（）;'使用'mousedown'來解決。 – Ohgodwhy

@Ohgodwhy我在windows上使用Safari（5.1）以及ipad，iphone。你說得對，搗毀了它。即使沒有防止違約。 –

正如我張貼在評論，鼠標按下解決了這個問題：

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

2014-06-25 18:53:53

回答