如何使用JavaScript在HTML中的textArea上施加maxlength [英] How to impose maxlength on textArea in HTML using JavaScript

问题描述

我希望有一些功能，如果我写了

I would like to have some functionality by which if I write

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

它会自动将textlength强加在textArea上。如果可能的话，请不要在jQuery中提供解决方案。

it will automatically impose the maxlength on the textArea. If possible please do not provide the solution in jQuery.

注意：如果我这样做，可以这样做：

Note: This can be done if I do something like this:

<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))
}

从 在HTML textarea上模拟HTML输入maxlength属性的最佳方法是什么？

但重点是我不想在每次声明textArea时写onKeyPress和onKeyUp。

But the point is I don't want to write onKeyPress and onKeyUp every time I declare a textArea.

推荐答案

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在HTML中的textArea上施加maxlength的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！