ios - 当键盘切换到从右到左的语言时更改文本对齐方式？

Question

根据用户请求，我试图让我的 (PhoneGap) webapp 更好地使用 RTL 语言，例如希伯来语。我想让我的输入和文本区域更好地使用这些语言。当用户将他们的键盘切换到这种语言时，输入方向会自动切换到预期的从右到左。但是，不幸的是，文本对齐保留在左侧。我意识到我可以使用 dir 属性切换文本对齐方式，如下所示:

<input dir="rtl" />

我的计划是使用 JavaScript 以某种方式检测 RTL 输入语言并将此属性添加到所有输入和文本区域。然而，这似乎有点麻烦。有没有更简单的方法让我忽略？我不喜欢为这个简单的任务添加更多 JavaScript 的想法。

Answer 1

如果整个页面是用希伯来语或阿拉伯语编写的，您应该在 html 元素上添加 dir 属性，以及 lang="he"/lang="ar" 属性(后者用于 VoiceOver 不阅读希伯来语/阿拉伯语，认为它是英语。字母表和发音完全不同 :))。

如果只有部分页面是用希伯来语编写的，那么每个包含希伯来语文本的元素都应该具有这些属性(或其父元素)，而其他英文部分应该具有 dir="ltr"lang="en" 属性，这样就不会留下没有适当的 lang 和 dir 属性的文本。将它们添加到单个父元素上比添加到每个单独的 HTML 元素上更快，如果父元素有 5 个英文节点和 1 个希伯来文节点，则它只需要 2 个属性:1 个在父元素上用于 lang="en"dir="ltr"，另一个放在包含希伯来语的子元素上。

对于由 rtl 编写引起的样式问题，您可以使用这些属性之一作为每个 CSS 属性的巨大开关，例如使用 left 或 right 的 float 值(以及属性，例如 right、border-right、margin-right、margin: t r b l;; 请在 UTF-8 and CSS 上查看我的第一个答案的第二部分。注意:iOS 对 高级 CSS 选择器没有问题，当我们必须支持 IE6 时，这只是梦想 ;) )