我需要防止輸入鍵上的換行符被按下，直到某個字符長度爲止

Question

我需要防止輸入鍵上的換行符被按下，但它需要至少創建一些新的段落，具體取決於文本區域的大小。我嘗試過，但它只是防止輸入按鍵。我需要建立新的生產線，直到文本區域的高度，那麼如果有人按回車他們不那麼能夠創造出新的生產線..

HTML

<textarea name="comment_text" id="comment_text" class="Post_Description_Text">Some Text here</textarea> 

CSS

.Post_Description_Text{ 
    width:500px; 
    height:100px; 
} 

JS

$(".Post_Description_Text").keydown(function(e){ 
if (e.keyCode == 13 && !e.shiftKey) 
{ 
    e.preventDefault(); 
    return false; 
    } 
}); 

請幫忙嗎？

Answer 1

下面是JavaScript代碼，不會相同

document.getElementById('comment_text').addEventListener('keypress', function(event) { 
     if (event.keyCode == 13) { 
      event.preventDefault(); 
     } 
}); 

小提琴：http://jsfiddle.net/kiranvarthi/yq1bLaaz/

Answer 2

var rowN=1; 
 
\t $(".Post_Description_Text").keydown(function(e){ 
 
\t \t if (e.keyCode == 13 && !e.shiftKey && rowN<5) 
 
\t \t { 
 
\t \t e.preventDefault(); 
 
    \t \t var s = $(this).val(); 
 
     \t $(this).val(s+"\n"+"\t"); 
 
     \t ++rowN; 
 
     \t } 
 
     \t else 
 
     \t return false; 
 
     
 
\t });

.Post_Description_Text{ 
 
    width:400px; 
 
    height:80px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<textarea name="comment_text" id="comment_text" class="Post_Description_Text" rows="5">Some</textarea>

使用上面的代碼，你可以做一個新的對當用戶按下回車鍵並限制用戶使用行和JavaScript代碼輸入行。