[7주차] 리액트: 커서 위치 맨 마지막으로 설정하기(setSelectionRange)

리액트, 커서 위치 맨 마지막으로 설정하기

  useEffect(() => {
    // focus when it is edit mode
    if (isEditing) {
      const messageLength = messageRef.current.value.length;
      messageRef.current.focus();
      //place the location of the cursor to the last
      messageRef.current.setSelectionRange(messageLength, messageLength);
    }
  }, [isEditing]);

 

 

HTMLInputElement: setSelectionRange() method - Web APIs | MDN