2015-10-19 65 views
0

我在文本區域中有一些值,當用戶編輯文本或添加一些新文本時....這些文本應該是不同的顏色..我不知道如何來實現這個..文本區域 - 當用戶編輯文本區域中的內容時,文本顏色變化

<textarea rows="50" cols="175" name="textname"> 
    This is a text area to show some related details regarding the project 
    </textarea> 

當我使用這個Javascript來改變用戶editied或輸入的文字轉換爲大寫..

function convert() 
     { 
      var str ; 
      str = document.getElementById("textname").value; 
      document.writeln(str.toUpperCase()); 
     } 

該功能可將所有的文字爲大寫任何人都可以幫助我...

+1

你不能用'textarea'來做到這一點,使用'div'與'contenteditable'屬性 –

+0

是否可以處理 JavaLearner1

+0

您只能在「輸入」中爲整個文本提供顏色 –

回答

0

您是否嘗試過使用CSS解決方案?如:

textarea { color:#0faeeb; 文本轉換:大寫 }

0

你不能做文本的直接突出顯示在文本區,因此你必須使用CSS的解決方案在這裏看到演示http://jsfiddle.net/ricardolohmann/9Y99F/

#textarea { position: relative; background-color: transparent; }

找到那些已經被改變的單詞,並根據這個單詞構造HTML,這樣你就可以突出顯示被改變或修改的文本。

0

你只需要使用這個代碼在你這裏的情況是: -

<textarea onclick="this.style.color='red';">something</textarea> 

祝您好運!