textarea標籤,文字框內不能換行的問題
阿新 • • 發佈:2018-12-15
關於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,編輯框 //游標移動到下一行,從而實現換行 } }