Javascript/Jquery - Réinitialiser la zone d'affichage de la zone de texte après l'onglet

Question

Je ne sais pas comment cela s'appelle donc c'est difficile de google pour cela.

Si vous avez un type d'entrée html simple = texte avec une petite largeur, par exemple 20, puis tapez plus de caractères que ce qui peut être affiché, il montre les derniers caractères que vous tapez. Et les premiers sont hors de la vue défiler:

This is my long text // this is the whole string 
my long string // this is what is actually visible in the input box 

Comment puis-je faire en sorte que lorsque vous appuyez sur l'onglet, la zone d'affichage remet à zéro afin que le début de la chaîne est visible et la fin est cachée?

my long string // this is what is visible in the input box when typing 
This is my // this is what is I want to be visible in the input box after you hit tab 

Comment appelez-vous cela, et comment le faites-vous?

Answer 1

Je ne sais pas si votre question a été répondue, mais j'avais juste envie de me répondre. Vous pouvez le faire en utilisant des plages et la sélection de la fenêtre. Here, I made a JSFiddle for you.

$(document).ready(function(){ 
    $("input").bind("keyup",function(e){ 
    if(e.keyCode==9){ 
     var r=document.createRange(), 
     gs=getSelection(); 
     r.setStart(this,0);r.setEnd(this,0); 
     gs.removeAllRanges();gs.addRange(r); 
    } 
    }); 
    $("input").bind("blur"),function(){ 
    $(this).focus(); 
    }); 
});