如何修复文本输入上的光标位置答案

【问题标题】：How to Fix the Cursor Position on Text Input如何修复文本输入上的光标位置
【发布时间】：2014-10-02 17:10:06
【问题描述】：

我正在将美元金额输入文本输入字段。当我将方向设置为 RTL 时，有没有办法可以将光标保持在最右边的位置并保持在那里？

<input type="text" id="textArea">

CSS：

#textArea {
direction:RTL;}

这只是在右侧启动光标，但是当您键入时，它仍然以标准方式移动。任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

由于您正在处理输入中的文本，因此只需使用 text-align: right;

#textArea{
    text-align: right;
}

【讨论】：

【解决方案2】：

另一种解决方案是使用dir attribute

&lt;input type="text" dir="rtl" id="textArea"&gt;

【讨论】：

【解决方案3】：

为您的输入添加另一个属性，如下所示：

onkeyup="rtl(this);"

【讨论】：