javascript - 如何在 Mobile Safari 中设置内容可编辑的 div 的文本插入位置?

标签 javascript html mobile-safari contenteditable

我正在尝试为移动版 Safari 构建一个文档编辑界面,我想将其基于 contentEditable <div> . (是的,我知道这仅适用于 iOS 5。这对我来说不是问题。)

编辑工作正常,但我不希望用户必须点击 div 才能开始输入。我想在页面加载时开始编辑。

我尝试了多种方法,包括 this one from Stack Overflow .到目前为止,我尝试过的所有内容在桌面版 Safari 中都运行良好,但在移动版 Safari 中却无法正常运行。

理想情况下,div 最初应该是空的,但如果有必要,我可以在一开始放一些最少的内容。

编辑:我可能找到了罪魁祸首。似乎focus()在调用 onload 时不起作用,因此可能没有办法做到这一点,即使使用 <textarea> .

最佳答案

尝试将代码放在 <script> 中正文中的元素,在文本区域下方,而不是使用 onload。

关于javascript - 如何在 Mobile Safari 中设置内容可编辑的 div 的文本插入位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8290769/

相关文章:

.net - 错误 'The Controls Collection cannot...' 的含义和修复方法

html - 扩展 div 内容时页面对齐方式发生变化

html - 使用 CSS 首字下沉

mobile-safari - iOS 15 浏览器CSS

未在 iOS Safari 或 Chrome 中设置或发送请求的 Cookie 适用于所有 Android 和桌面浏览器

javascript - 刷新时 HTML/Javascript/CSS 可折叠菜单不会保持关闭状态

javascript - Jquery addClass 不起作用

javascript - 如何在 ReactJS 中使列表中的项目可点击

html - 侧边栏导航和右侧显示内容

iphone - Paypal 自适应支付移动浏览器(iPhone 上的 Safari 和 Chrome)