¿Cómo mueve el cuadro de entrada el cursor y establece la posición del cursor?

Obtener la posición del cursor de entrada

const inputDom = document.getElementById("input")
const selectionStart = inputDom.selectionStart

establecer el cursor de entrada

inputDom.focus()
// focus() 异步,所以加了 setTimeout
setTimeout(() => {
    
    
  const nextSelection = selectionStart + 1
  inputDom.setSelectionRange(nextSelection, nextSelection)
}, 0)
element.setSelectionRange(selectionStart, selectionEnd [, selectionDirection]);
  • SelectionStart : el índice de posición del primer carácter que se seleccionará, comenzando desde 0. Si este valor es mayor que la longitud del valor del elemento, se tratará como
    el índice de la última posición del valor.

  • SelectionEnd : el índice de la siguiente posición del último carácter seleccionado. Si este valor es mayor que la longitud del valor del elemento, se tratará como el índice de la última posición del valor.

  • selectionDirection : dirección de selección. adelante/atrás/ninguno Si el inicio de la selección
    es igual que el final de la selección, no se selecciona nada y el cursor se reúne en el inicio de la selección/el final de la selección.

     如果 selectionEnd 小于 selectionStart,不选中任何,光标聚集在在 selectionEnd。
    

inputDom.setSelectionRange(0, 4) se comporta como se muestra a continuación:

inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/qq_43631129/article/details/131924817
Recomendado
Clasificación