JavaScript를 사용하여 HTML 텍스트 영역에 최대 길이 적용 jQuery를 사용하지 않고 순수한 JavaScript를 사용하여 HTML의 요소를 사용합니까? 이 질문은 사용자 입력량을 제어하고 텍스트 오버플로를 방지하려고 할 때 발생합니다.</p> <p>한 가지 방법은 각 텍스트 영역에서 onkeypress 및 onkeyup 속성을 사용하여 키 누르기 이벤트를 처리하는 것입니다.</p> <pre><textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"> function imposeMaxLength(event, object, maxLength) { return (object.value.length <= maxLength) || (event.keyCode == 8 || event.keyCode == 46 || (event.keyCode >= 35 && event.keyCode <= 40)); } 그러나 모든 텍스트 영역에 이러한 속성을 수동으로 추가하는 것은 지루할 수 있습니다. 프로세스를 자동화하는 대체 접근 방식은 다음과 같습니다. 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; } } }; 이 스크립트는 페이지 로드 시 초기화되고 모든 문서의 요소. 숫자로 된 maxlength 속성이 있는 각 텍스트 영역에 대해 텍스트가 제한을 초과하는지 확인하는 함수를 정의합니다. 그렇다면 사용자에게 경고하고 입력을 최대 길이로 자릅니다. onkeyup 및 onblur 이벤트에 이 기능을 할당하면 이벤트 핸들러를 수동으로 연결할 필요 없이 최대 길이 제한이 자동으로 적용됩니다.</p>
