2015-02-11 67 views
0

如何使使文本域不會開始一個新行,每次我點擊進入我需要用JavaScript不要做這個jQuery如何讓textarea不開始新行?

event.prevent Default(); 

,所以我需要一個替代
三江源

+1

你有什麼tryed這麼遠嗎? – jmingov 2015-02-11 14:51:06

+0

這項工作的目的是什麼? – 2015-02-11 14:51:49

+0

可能的重複[Textarea不會停止新行當按Enter鍵](http://stackoverflow.com/questions/26975349/textarea-wont-stop-making-new-line-when-enter-is-pressed ) – 2015-02-11 14:54:29

回答

0

那麼你想防止 'ENTER' 鍵的默認操作上textarea的這樣:

HTML代碼:

<textarea id="textarea" onkeyup="function()"></textarea> 

Javascript代碼:

document.getElementById('textarea').onkeypress = function(e) { 
     if(e.which== 13){ 
      e.preventDefault(); 
     } 
}; 

的jQuery:

$('textarea').keyup(function(e){ 

    if(e.Which == 13){ 
     e.preventDefault(); 
    } 

}); 

的 「e.which == 13」 檢查是否輸入被按下,並且防止默認動作(這在以前是一個回車)。

+0

「我需要這樣做的JavaScript不Jquery」 – Hornth 2015-02-11 14:56:56

+0

是的,我使用了上述相同的代碼,但我想要做到這一點,而不需要jquery我需要做到這一點與純JavaScript的答案謝謝 – La3eb 2015-02-11 14:58:19

+0

@ La3eb檢查我的答案。 – Hornth 2015-02-11 15:03:35

1

你可以試試這個:

function preventEnter(evt) { 
    if(evt.Which == 13){ 
     evt.preventDefault(); 
    } 
} 

document.getElementById('my-textarea').addEventListener(
    'keypress', preventEnter, false 
); 
+0

謝謝你的工作^^ – La3eb 2015-02-11 15:06:15

+0

不要忘了驗證我的答案,請:) – Hornth 2015-02-11 15:56:13

+0

但上面的人得到了第一個答案,你的代碼解決了我的問題,謝謝你(我真的是這個意思),但其他人先回答我想它是唯一公平的驗證他回答,因爲它似乎我只能驗證一個答案對不起:'( – La3eb 2015-02-13 11:58:52

0

使用CSS resize

textarea { 
    resize: none; 
} 
+0

它已經解決,我認爲你不明白我的問題(對不起壞語法)謝謝你的答案感謝它 – La3eb 2015-02-11 15:16:59