textarea backspace 방지 코드

*location이 아닌, textarea 위에서의 backspace를 뜻합니다.

 

'문의내용:' 이 backspace event에 막혀야만 함.

 

 

HTML

 <textarea
   id="inquiryTextarea"
   class="inquiryTextarea"
   style="resize: none"
   rows="12"
   spellcheck="false">
   문의내용:
 </textarea>

 

JS

  // 문의내용 5개 밑으로 못 가게 막음
  const inquiryTextarea = document.querySelector('.inquiryTextarea');
  
  inquiryTextarea.addEventListener("keydown", function (event) {
      let inputLength = $(this).val().length;
      
      if (event.defaultPrevented) {
              return;
       }
        
	  let handled = false;
    
      if (event.keyCode == 8) {
        if (inputLength <= 5) {
          handled = true;
        }
      } else {
        handled = false;
      }

      if (handled) {
          event.preventDefault();
      }
    
  }, true);

 

 

 

 

참고 블로그

https://caileb.tistory.com/158

javascript - 특정 키 입력 제한 (event.keyCode)