最大長度不能在IE8中工作

Question

我使用它來檢查textarea的最大長度，而不是使用IE8-9中不支持的maxlength。

在IE8中，如果我粘貼一個500字節的字符，焦點會丟失在textarea元素上。該字符不能被選擇或刪除。

我該如何保持對元素的關注？

$('textarea[maxlength]').bind('keypress keydown keyup paste change', function(){ 
    var element = this; 

    setTimeout(function() { //Get the value 
     var text = $(element).val(); 
     var limit = $(element).attr('maxlength'); //Get the maxlength 

     length = new Number(text.length); //counter increase 
     counter = limit-length; 
     $('#feedbackNum_counter').text(counter); 

     //Check if the length exceeds what is permitted 
     if (text.length > limit) { 
      $(element).prop('readOnly',true); 
      $(element).val(text.substr(0, limit)); //Truncate the text if necessary 
      $('#feedbackNum_counter').text(0) 
     } 

    },1) 
}); 

Answer 1

這是一個簡單的解決方案。

var maxLengthTAs = $("textarea[maxlength]"); 
 

 
for(var i = 0; i < maxLengthTAs.length; i++) 
 
    { 
 
     var _textArea = $(maxLengthTAs[i]); 
 
     var _maxLength = _textArea.attr("maxlength"); 
 
     var _testString = ""; 
 
     for(var c = 0; c < _maxLength+1; c++) _testString+=" "; 
 
     _textArea.val(_testString); 
 
     //Feature Detection 
 
     
 
     var _test = _textArea.val(); 
 
     if(_test.length > _maxLength) { 
 
      //if it's over the max length, the feature is not present, hook up events 
 
      _textArea.keyup(function(){ 
 
      var _max = $(this).attr("maxlength"); 
 
      var _val = $(this).val().length; 
 
      if(_val > _max) $(this).val($(this).val().substr(0,_max)); 
 
      }); 
 
     } 
 
     _textArea.val(""); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<textarea maxlength='50' placeholder='Max 50 Characters'></textarea>