textarea上的最大長度屬性不適用於手機

Question

如何限制用戶在文本區域中輸入的手機數量不能超過maxlength。我已經嘗試了maxlength屬性，但是當用戶從預定文本中選擇文本時它不起作用。

我想將文本區域中的文本限制爲300，以便我的自適應網站移動。

我使用移動

Answer 1

的maxlength屬性的Chrome和Firefox瀏覽器是不是在移動瀏覽器完全穩定。只看這個屬性的MDN文檔，我們發現這個

Feature  Android Firefox Mobile (Gecko) IE Mobile Opera Mobile 
maxlength  ?   4.0(2.0)   No Support  ? 

由於這種揮發性，我會建議使用簡單的JavaScript。這樣

var textField = document.getElementById("text-field"); 
 
var charCount = document.getElementById("char-count"); 
 

 
textField.addEventListener("keydown", function(event) { 
 
    if (this.value.length === 299 && event.keyCode != 8) { 
 
     event.preventDefault(); 
 
     return false; 
 
    } 
 
    var length = event.keyCode != 8 ? this.value.length + 1 : this.value.length - 1; 
 
    charCount.innerHTML = (length) + "/" + "300"; 
 
    charCount.style.color = length >= 270 ? "red" : "black"; 
 
});

<textarea id="text-field" rows="6" cols="30"></textarea> 
 

 
<p id="char-count"></p>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

你使用的瀏覽器