<textarea> 글자 수 제한

Question

브라우저 간 은 무엇입니까? 일반 자바 스크립트를 사용하여 텍스트 영역에 최대 글자 수를 설정하는 방법은 무엇입니까? maxlength은 Opera 및 IE9 이하의 텍스트 영역에서는 작동하지 않습니다 (모든 주요 브라우저에서 입력 내용을 처리 할 수 ​​있음).

한도에 도달하면 텍스트 영역에 더 많은 문자를 입력 할 수 없습니다. Ctrl + V 또는 오른쪽 클릭 컨텍스트 메뉴로 붙여 넣은 텍스트는 글자 수 제한에서 잘려야합니다. 즉, onkey___ 이벤트 만 사용하는 솔루션으로는 충분하지 않습니다.

Answer 1

값을 절단하거나 조건에서 이벤트을 방지하고 관심있는 모든 이벤트에 대해 여러 수신기로 추가됩니다 중 하나 기능를 생성합니다.

function snip(len) { 
    return function (e) {e.target.value = e.target.value.slice(0, len);}; 
} 
function prevent(len) { 
    return function() { 
     if (e.target.value.length >= len) { 
      e.preventDefault(); 
      return false; 
     } 
    }; 
} 

var len = 5; // choose your length however you want 

var textarea = document.getElementById('texta'), // get the node 
    trunc = snip(len), 
    prev1 = prevent(len), 
    prev2 = prevent(len - 1); 

textarea.addEventListener('change' , trunc, true); 
textarea.addEventListener('input' , trunc, true); 
textarea.addEventListener('keydown' , prev2, true); 
textarea.addEventListener('keypress', prev2, true); 
textarea.addEventListener('keyup' , prev1, true); 
textarea.addEventListener('paste' , trunc, true); 

이벤트는 IE

DEMO