1. 程式人生 > >textarea標籤,文字框內不能換行的問題

textarea標籤,文字框內不能換行的問題

關於textarea標籤,真的是特別好用的,可以進行大量的文字編輯,提交起來也比較方便;

但是今天遇到一個問題,在我的jsp頁面使用了textarea標籤,但是編輯的時候按enter回車,並沒有出現游標移動到下一行的操作

原來在html頁面是可以很好的使用回車進行游標移動的,百度了半天都沒有相關的屬效能簡單解決,然後自己寫了一個事件才得以解決。

下面上程式碼:

jsp使用:

<textarea id="textareaText" onkeydown="enter()"></textarea>

我給他定義了一個事件:onkeydown,onkeydown事件會在使用者按下一個鍵盤按鍵時發生。

這樣才能檢測到使用者是否鍵下enter

js端:

var enter = function(){     if(window.event.keyCode==13){                 //window.event.keyCode獲取按下鍵盤對應的值,13為enter對應的值         var rawData = $("#textareaText").val();  //首先獲取原本編輯框裡面的值,儲存起來         $("#textareaText").val(rawData+"\n");    //內容加上換行符“\n”,重新寫到編輯框裡面,這樣就實現了使用者鍵入enter,編輯框                                                                              //游標移動到下一行,從而實現換行     } }