如何根據輸入的文本語言自動設置文本方向？

Question

在Google plus（以及很多其他地方）中，當我想要發佈內容時，當我使用波斯語（從右向左語言）輸入內容時，文本方向會自動設置爲rtl和text-alignment:right，當我開始輸入英文時，它會自動更改爲ltr和text-alignment:left。我怎樣才能擁有這樣的功能？這是什麼與HTML5或Javascript？我應該遵循什麼線索？

在此先感謝

Answer 1

1. 列表到左語言的權利典型人物
2. 檢測它們在飛行中（通常JS事件）
3. 改變CSS相應類別

，或點擊此鏈接：

http://www.i18nguy.com/temp/rtl.html

Answer 2

還有Twitter的庫，它可以幫助：

https://github.com/twitter/RTLtextarea

Answer 3

我寫了jQuery代碼來做到這一點。只需將類「checkRTL」添加到要設置其方向的元素即可。

var rtlChar = /[\u0590-\u083F]|[\u08A0-\u08FF]|[\uFB1D-\uFDFF]|[\uFE70-\uFEFF]/mg; 
$(document).ready(function(){ 
    $('.checkRTL').keyup(function(){ 
     var isRTL = this.value.match(rtlChar); 
     if(isRTL !== null) { 
      this.style.direction = 'rtl'; 
     } 
     else { 
      this.style.direction = 'ltr'; 
     } 
    }); 
});