如何检测浏览器是maxlength功能启用

Question

我以为我可以通过这样做检测，但事实并非如此。

var input = $("#d_textarea"); 
 
var str = "123456789012"; 
 
input.val(str); 
 
var maxlengthEnable = (input.val() != str); 
 
console.log(maxlengthEnable);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<textarea id="d_textarea" maxlength=10></textarea>

有没有什么办法来检测浏览器中启用maxlegnth功能？

Answer 1

使用检查浏览器支持最大长度：

if (!("maxLength" in document.createElement("textarea"))) { 
    alert('Browser doesn\'t supports maxlength'); 
} else { 
    alert('Browser support maxlength'); 
} 

最大长度是大小写敏感的位置。

希望这会有所帮助。

Answer 2

您可以通过查看对象元素来检查是否存在此选项。

$("#d_textarea")[0].maxLength包含maxlength属性的实现。如果此值未定义或根本不存在，则表示它不受浏览器支持。

Answer 3

如果您要求maxlength属性，它从一开始就支持所有浏览器。请检查：下面的代码http://www.w3schools.com/tags/att_input_maxlength.asp