我需要阻止换行键上的换行符,直到某个字符长度为止

时间:2014-10-31 11:00:30

标签: javascript jquery html css

我需要在按下输入键时防止换行,但是根据文本区域的大小,它需要至少制作一些新的para。我试过这个,但它只是阻止按下回车键。我需要创建新行直到文本区域的高度,然后如果有人按下输入,他们就不能创建新行..

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;
  }
});

请帮忙吗?

2 个答案:

答案 0 :(得分:1)

&#13;
&#13;
var rowN=1;
	$(".Post_Description_Text").keydown(function(e){
		if (e.keyCode == 13 && !e.shiftKey && rowN<5)
		{
		e.preventDefault();
  		var s = $(this).val();
      	$(this).val(s+"\n"+"\t");
      	++rowN;
      	}
      	else
      	return false;
      
	});
&#13;
.Post_Description_Text{ 
    width:400px;
    height:80px;
}
&#13;
<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>
&#13;
&#13;
&#13;

使用上面的代码,当用户按下回车键并且限制用户使用行和javascript代码输入行时,您可以创建一个新的参数。

答案 1 :(得分:0)

以下是执行相同操作的JavaScript代码

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

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