Keypress en jQuery: Appuyez sur l'ONGLET à l'intérieur de la balise TEXTAREA (lors de la modification d'un texte existant)

J'ai été la création d'un AJAX alimenté simple IDE pour moi afin que je puisse rapidement tester PHP extraits.

Je me souviens de tomber sur le même problème, voici comment je l'ai résolu:

$('#input').keypress(function (e) {
    if (e.keyCode == 9) {
        var myValue = "\t";
        var startPos = this.selectionStart;
        var endPos = this.selectionEnd;
        var scrollTop = this.scrollTop;
        this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos,this.value.length);
        this.focus();
        this.selectionStart = startPos + myValue.length;
        this.selectionEnd = startPos + myValue.length;
        this.scrollTop = scrollTop;

        e.preventDefault();
    }
});

#input est l'ID du textarea.

Le code n'est pas complètement le mien, je l'ai trouvé sur Google quelque part.

Je ne l'ai testé sur FF 3.5 et IE7. Il ne fonctionne pas sur IE7 malheureusement.

OriginalL'auteur Waleed Amjad

Ouais, traitant du champ de saisie de sélections à travers les différents navigateurs est une gêne, d'autant que dans IE, il ya quelques méthodes que look comme ils devraient travailler mais n'ont pas réellement. (Notamment, en les combinant à l'aide de setEndPoint puis de mesurer length, qui semble OK jusqu'à ce que la sélection commence ou se termine dans les retours à la ligne.)

Voici un couple de fonctions d'utilité-je utiliser pour traiter avec la participation des sélections. Elle retourne la valeur de l'entrée split en morceaux qui sont devant, à l'intérieur et à l'issue de la sélection (avec la sélection de comptage comme une chaîne vide à l'entrée position de mise au point si ce n'est pas un choix). Cela rend assez simplement à remplacer et insérer du contenu à l'endroit que vous voulez, tout en prenant soin de l'IE CRLF problème.

(Il y a peut être un jQuery qui fait quelque chose comme cela, mais je n'ai pas encore rencontré un seul.)

//getPartitionedValue: for an input/textarea, return the value text, split into
//an array of [before-selection, selection, after-selection] strings.
//
function getPartitionedValue(input) {
var value= input.value;
var start= input.value.length;
var end= start;
if (input.selectionStart!==undefined) {
start= input.selectionStart;
end= input.selectionEnd;
} else if (document.selection!==undefined) {
value= value.split('\r').join('');
start=end= value.length;
var range= document.selection.createRange();
if (range.parentElement()===input) {
var start= -range.moveStart('character', -10000000);
var end= -range.moveEnd('character', -10000000);
range.moveToElementText(input);
var error= -range.moveStart('character', -10000000);
start-= error;
end-= error;
}
}
return [
value.substring(0, start),
value.substring(start, end),
value.substring(end)
];
}
//setPartitionedValue: set the value text and selected region in an input/
//textarea.
//
function setPartitionedValue(input, value) {
var oldtop= input.scrollTop!==undefined? input.scrollTop : null;
input.value= value.join('');
input.focus();
var start= value[0].length;
var end= value[0].length+value[1].length;
if (input.selectionStart!==undefined) {
input.selectionStart= start;
input.selectionEnd= end;
if (oldtop!==null)
input.scrollTop= oldtop;
}
else if (document.selection!==undefined) {
var range= input.createTextRange();
range.collapse(true);
range.moveEnd('character', end);
range.moveStart('character', start);
range.select();
}
}

OriginalL'auteur bobince