為什么@contenteditable 在 iPhone 上不起作用？

Question

Safari HTML 參考：支持的屬性說：

內容可編輯

如果為 true，則可以即時編輯該元素； 如果為假，則不能。

可用性

在 Safari 1.2 及更高版本中可用。 適用於 iPhone OS 1.0 及更高版本。

但是，在我的 iPhone 上，我無法讓它工作。 有人成功了嗎？

您可以使用此文檔進行嘗試（誠然不是純 html，但該文檔適用於桌面 Safari、Chrome 和 Firefox 3）。 我連最簡單的 html 文檔都無法在移動 Safari 中進行編輯。

Answer 1

根據 WWDC 2011 的開發者視頻之一， contenteditable已添加到 iOS 5 beta 2。我建議注冊 Apple 的Safari 開發者計划並從 WWDC 視頻頁面下載該視頻。

如果您注冊成為 Safari 開發人員，您還可以獲得將您的網站提交到他們的在線 iOS Web 應用程序庫的特權。

編輯：我已經確認這適用於運行 iOS 5.0.1 的 iPad。 在這里試試： http : //www.quirksmode.org/dom/execCommand/

Answer 2

它有效，有點。 我認為 contenteditable 之前在 iPhone 上不起作用。 當我將 div 設置為 contenteditable 時，我無法將光標/指針移動到我想要移動的位置。 但是，當我在 iPad 上的 iBooks.app 中使用 contentEditable 擺弄 XHTML 時，我發現“execCommand('insertText', null,'foobar');” 在 Mobile Safari 中工作。

Answer 3

如果您願意，您可以使用巧妙的 css 和 javascript 制作一個虛擬鍵盤，並將其制作成書簽。

Answer 4

如果您無法聚焦 contenteditable 元素，請嘗試將其添加到您的 css 中

[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

Answer 5

設計模式和內容可編輯在IOS 5中工作正常。但在以前的版本中它不起作用。有帖子

http://mobile.tutsplus.com/tutorials/mobile-web-apps/safari-5_html5/

Answer 6

我認為這是因為編輯 HTML 需要相當先進的用戶界面。 這就是桌面 Safari 實現它，而移動 Safari 沒有實現的原因。