如何在沒有最大長度的情況下限制輸入文本字段中的字符？

Question

我在我的html頁面中使用輸入類型文本。現在我想根據輸入文本字段的寬度來限制字符。我的輸入字段寬度是400px，我想限制字符高達我的字段寬度的95％。

使用maxlength屬性限制最大字符數不適合我的工作流程。

任何人都可以請教。

Answer 1

• 首先計算文本框的寬度
• 然後字體大小，然後推斷多少字符可以是有 在文本框中寬度的95％
• 然後添加號碼作爲文本框的最大長度
• 例如：編輯以下代碼片段中的CSS，即字體大小和寬度。你會看到，最大長度變化

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

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

<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>