gpt4 book ai didi

javascript - 如何使用 JavaScript 在 HTML 中的 textArea 上施加最大长度

转载 作者:IT王子 更新时间:2023-10-29 02:39:42 26 4
gpt4 key购买 nike

我希望有一些功能,如果我写的话

<textarea maxlength="50"></textarea>
<textarea maxlength="150"></textarea>
<textarea maxlength="250"></textarea>

它会自动将 maxlength 强加给 textArea。如果可能,请不要在 jQuery 中提供解决方案。

注意:如果我这样做就可以做到这一点:

<textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50">

function imposeMaxLength(Event, Object, MaxLen)
{
return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40))
}

复制自 What is the best way to emulate an HTML input “maxlength” attribute on an HTML textarea?

但重点是我不想在每次声明文本区域时都写 onKeyPress 和 onKeyUp。

最佳答案

window.onload = function() { 
var txts = document.getElementsByTagName('TEXTAREA');

for(var i = 0, l = txts.length; i < l; i++) {
if(/^[0-9]+$/.test(txts[i].getAttribute("maxlength"))) {
var func = function() {
var len = parseInt(this.getAttribute("maxlength"), 10);

if(this.value.length > len) {
alert('Maximum length exceeded: ' + len);
this.value = this.value.substr(0, len);
return false;
}
}

txts[i].onkeyup = func;
txts[i].onblur = func;
}
};

}

关于javascript - 如何使用 JavaScript 在 HTML 中的 textArea 上施加最大长度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1125482/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com