Jump to the content

IE9におけるtextareaのmaxlength属性の挙動

HTML

    最近まで知らなかったのですが、IE9ではtextarea要素のmaxlengthは無視されます。 HTML4.01, 及びXHTML1.xではサポートされていませんでしたが、HTML5で標準化されました。
    IE9では正式に実装されなかった模様。

    同じ機能を使いたい場合はJSで実装します。

    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) {
              this.value = this.value.substr(0, len);
              return false;
            }
          }
    
          txts[i].onkeyup = func;
          txts[i].onblur = func;
        }
      }
    }
    

    How to impose maxlength on textArea in HTML using JavaScript

    注目記事

    最近の記事

    ぼくが書いてます

    フロントエンドエンジニア

    イソップ

    ページの先頭に戻る

    Search results

    ×