javascript - 如何更改元素的文本方向？

Question

例如，在 Facebook 上，如果您为键盘选择了阿拉伯语，文本框会自动获得 RTL 方向。

如何在我的 Web 应用程序上实现它？我不知道使用的方法或属性。

Answer 1

您可以使用 CSS direction 属性来实现这一点:

input{
  direction: rtl;
}

更新

要根据用户输入动态更改文本方向，您可以检查输入的第一个字符是否符合给定条件，在本例中为正则表达式。

$('input').keyup(function(){
    $this = $(this);
    if($this.val().length == 1)
    {
        var x =  new RegExp("[\x00-\x80]+"); // is ascii

        //alert(x.test($this.val()));

        var isAscii = x.test($this.val());

        if(isAscii)
        {
            $this.css("direction", "ltr");
        }
        else
        {
            $this.css("direction", "rtl");
        }
    }

});

这是一个基本示例，它对 ascii 文本使用 ltr 方向，对其他所有内容使用 rtl。

Here's a working example.