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

时间:2014-12-22 08:28:28

标签: javascript html5 browser cross-browser

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



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>
&#13;
&#13;
&#13;

有没有办法检测浏览器启用maxlegnth功能?

4 个答案:

答案 0 :(得分:7)

使用以下代码检查浏览器是否支持maxlength:

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

maxLength 在此区分大小写。

希望这有帮助。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

在浏览器上按F12(也称为开发人员模式)打勾,您可以仅检查HTML文本框的属性,向下钻取并查找应该看到maxLength属性的属性。 -1是默认值,其他值由您定义