Existe-t-il un moyen de déclencher le comportement "défilement vers curseur" par défaut des navigateurs lors de la saisie d'un champ de texte?

Question

Je veux déclencher le comportement par défaut des navigateurs de sauter au curseur quand quelqu'un commence à écrire et le curseur est de l'écran.

Pour l'instant, si je redimensionne le curseur est hors écran et je veux recentrer la barre de défilement sur le curseur après le redimensionnement.

Lorsque je redimensionne et que je tape, la barre de défilement se déplace automatiquement vers la bonne position. Existe-t-il un moyen de déclencher ce comportement "jump to cursor" avec vanilla javascript ou jQuery?

Answer 1

Vous pouvez utiliser document.activeElement pour sélectionner l'élément ciblé et scrollIntoView():

$(window).resize(function(){ 
 
    element = document.activeElement; 
 
    element.scrollIntoView(true); 
 
});

div{ 
 
    height:200vh; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div></div> 
 
<input type="text" />

Answer 2

Hm essayer quelque chose comme ceci:

$('.element').keydown(function (event) { 
    event.preventDefault(); 
    $(this).focus(); 
});