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

你使用的浏览器