[Javascript] input에서 커서 맨 뒤로 위치 시키기

input.focus()

input.focus()로 input에 focus를 하면 커서가 맨 앞에 위치하게 된다

focus 후 커서가 맨 앞에 위치

 

input에서 커서 마지막으로 위치시키기

커서를 맨 뒤로 보내기 위해서는

1. input에 있던 값을 변수에 저장한 다음
2. input에 focus 해주고
3. input의 value 값을 비워준 다음에
4. 다시 value값을 채워준다

코드

const changeEditMode = (e) => {
    const $item = e.target.closest('.item')
    const $editInput = $item.querySelector('input[type="text"]')
    const value = $editInput.value
    
    $editInput.focus()
    $editInput.value = ''
    $editInput.value = value
  }

아래와 같이 마지막에 커서가 위치하게 된다

focus 후 커서가 맨 뒤에 위치