Méthode Javascript pour obtenir et définir les compétences position_javascript du curseur

L'exemple de cet article décrit la méthode d'obtention et de définition de la position du curseur en Javascript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Dans le développement de projets, nous rencontrons souvent le problème de définir la position du curseur à la fin de la saisie. Aujourd'hui, j'ai vérifié Google et découvert comment obtenir la position du curseur (getCursortPosition) et définir la position du curseur dans les navigateurs grand public tels que IE. , Firefox et Opera (setCursorPosition).

1. Obtenir la fonction de position du curseur :

function getCursortPosition (ctrl) {
  var CaretPos = 0;  // IE Support
  if (document.selection) {
  ctrl.focus ();
    var Sel = document.selection.createRange ();
    Sel.moveStart ('character', -ctrl.value.length);
    CaretPos = Sel.text.length;
  }
  // Firefox support
  else if (ctrl.selectionStart || ctrl.selectionStart == '0')
    CaretPos = ctrl.selectionStart;
  return (CaretPos);
}

2. Définir la fonction de position du curseur :

function setCaretPosition(ctrl, pos){
  if(ctrl.setSelectionRange)
  {
    ctrl.focus();
    ctrl.setSelectionRange(pos,pos);
  }
  else if (ctrl.createTextRange) {
    var range = ctrl.createTextRange();
    range.collapse(true);
    range.moveEnd('character', pos);
    range.moveStart('character', pos);
    range.select();
  }
}

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.