Javascript 限制可以使用textarea写入的行数
我不仅想限制在文本区域中按enter键的次数，还想阻止输出超过两行。为了更好地解释，我有一个相框设计师。在选项中，您可以输入文本，文本将显示在框架上。当前，如果您尝试在文本区域中按enter键2次以上，它将不允许您。当文本太长并且自动换行时会出现问题 下面是一些相关代码Javascript 限制可以使用textarea写入的行数,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,我不仅想限制在文本区域中按enter键的次数，还想阻止输出超过两行。为了更好地解释，我有一个相框设计师。在选项中，您可以输入文本，文本将显示在框架上。当前，如果您尝试在文本区域中按enter键2次以上，它将不允许您。当文本太长并且自动换行时会出现问题 下面是一些相关代码 $(document).ready(function(){ var lines = 2; var linesUsed = $('#linesUsed'); $('#input').key
$(document).ready(function(){
var lines = 2;
var linesUsed = $('#linesUsed');
$('#input').keydown(function(e) {
newLines = $(this).val().split("\n").length;
linesUsed.text(newLines);
if(e.keyCode == 13 && newLines >= lines) {
return false;
}
});
});
<textarea id="input" maxlength="40" name="Text" value="Max. 40 characters"></textarea>
<foreignObject x="135" y="520" width="600" height="260" style="color:white;text-align:center">
<body xmlns="http://www.w3.org/1999/xhtml">
<div id="container2">
<p id="text">Your words here</p>
</div>
</body>
</foreignObject>
这里有两个javascript库可以帮助您实现这一点：
正如您在演示站点上所看到的，这两种解决方案都能正常工作。使用wrap=off属性可以防止文本区域中的自动换行，这是一种非标准的方法，但自HTML早期以来就得到了广泛支持
那又怎么样？如果它能工作，它也能工作……这并不是说textarea元素在过去3年里发生了根本性的变化。在jquery的1.4版本中，它确实发生了变化，但从那以后，它可能还没有经过任何版本的测试。是的，占位符改进了，谢谢。我宁愿不使用输入。使用JavaScript似乎更容易。但是谢谢，我不知道包裹属性。
<foreignObject x="135" y="520" width="600" height="260" style="color:white;text-align:center">
<body xmlns="http://www.w3.org/1999/xhtml">
<div id="container2">
<p id="text">Your words here</p>
</div>
</body>
</foreignObject>