如何在没有maxlength的情况下限制输入文本字段中的字符？

Question

我在html页面中使用输入类型文本。现在我想根据输入文本字段的宽度限制字符。我的输入字段宽度为400px，我想将字符数限制为字段宽度的95％。

使用maxlength属性限制最大字符数不适合我的工作流程。

请有人就此提出建议。

Answer 1

• 首先计算文本框的宽度
• 然后是字体大小，然后推断出可以有多少个字符 在95％的文本框宽度
• 然后将该数字添加为文本框的最大长度
• 例如：编辑以下代码段中的css，即字体大小和宽度。你会看到最大长度变化

＆＃13;

＆＃13;

$(function(){
var noc= .95*parseInt($("#txt").width())/parseInt($("#txt").css("font-size"));
$("#txt").attr("maxlength",parseInt(noc));
$("#maxlengthfound").text(parseInt(noc));
})

＆＃13;

#txt{width:200px;font-size:10px}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id='txt'/>
<label id='maxlengthfound'></label>

＆＃13;

＆＃13;

＆＃13;