jquery textfield：显示不在焦点时的文本结尾

Question

我看到只要文本字段的大小超过文本字段的大小，就会在焦点不显示时显示文本的开头。在下图中，我想显示文本的结尾，如1，但是当文本字段不在焦点时，会自动显示文本的开头。我尝试右对齐（bootstrap text-right）如图3所示，但没有帮助

与此相关的代码块：

              <div class="form-group">
                <label for="" class="control-label col-xs-3">Work Space:</label>
                <div class="col-xs-6">
                  <input type="text" class="form-control text-right" id="workspace" placeholder="">
                </div>
                <div class="col-xs-2">
                  <button type="button" id="load_files" class="btn btn-info">Load Files</button>
                </div>
              </div>

编辑：

刚刚在Mozilla firefox中试过这个，它就像我想要的那样工作，但在chrome中不起作用

Answer 1

设置direction CSS属性以匹配所需文本的方向。 rtl或ltr。

input {
  direction: rtl;
}
input:focus,
input:active {
  direction: ltr;
}

这是一个小提琴演示供您查看。 http://jsfiddle.net/yongchuc/on91y1hr/