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

×