Comment dois-je attendre jusqu'à ce que l'utilisateur a fini d'écrire dans un texte d'entrée pour appeler une fonction?

Je suis de la conception d'un site web et je voudrais pouvoir appeler une fonction 1 seconde après la dernière saisie de l'utilisateur. J'ai essayé d'utiliser onKeyUp, mais il a attendu 1 seconde après la première frappe.

Personne ne sait comment serait-ce possible?

Vous pouvez utiliser un onchange événement qui se produit lorsque l'utilisateur quitte le terrain et se déplace vers le prochain champ dans le formulaire. Vous pouvez ensuite ajouter votre code d'attente là-bas et l'incendie qui a 1 seconde après les changements sur le terrain.
Il n'y a pas droit, 100% de façons de le faire. Le plus simple est d'utiliser le flou de l'événement de l'entrée. (d'autres moyens pourraient être d'attendre X secondes après l'utilisateur la saisie terminée).
J'irais avec le onblur événement qui se produit lorsqu'un objet perd le focus. Donc, elle fait en sorte que dès que l'utilisateur quitte le champ, cela signifie qu'il/elle est fait de la saisie de leur info.
Intéressante question - est-il une raison particulière pour expliquer pourquoi vous voulez le faire?
onchange() ne se produit pas lorsque l'utilisateur quitte le champ, ce serait onblur(). À partir du lien que vous avez fourni "L'événement onchange se produit lorsque le contenu d'un champ modifications".
Oui, mais le champ ne pas inscrire un changement à chaque frappe de touche. Si vous appuyez sur la touche entrée ou, plus communément, le champ perd le focus, puis le changement est ramassé et l'événement déclenché.
Fondamentalement, lorsque l'utilisateur a terminé de taper dans une zone de texte, il est présenté avec un nouveau. Depuis la zone de texte était la dernière, je ne pouvais pas utiliser onBlur() depuis que j'aurais dû attendre jusqu'à ce que l'accent a été mis sur une autre case.

InformationsquelleAutor Gab Royer | 2009-06-26

html javascript

46

Une autre approche similaire, sans globals:
```
var typewatch = function(){
    var timer = 0;
    return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
    }  
}();    
```
...
```
<input type="text" onKeyUp="typewatch(function(){alert('Time elapsed!');}, 1000 );" />
```
Vous pouvez cet extrait ici.
- +1 pour le faire sans globals.
- a+ ! +10 pour le faire sans globals -1 pour l'utilisation de javascript discret. J'avais rec. en utilisant ce code et puis l'appel de ce à l'intérieur d'un keyup fonction, au lieu de le onclick attaché à l'élément.
InformationsquelleAutor CMS
19

Vous pouvez utiliser un keyDown (ou keyUp) de l'événement qui définit une fonction à exécuter en 1 seconde et si l'utilisateur tape une autre clé au sein de cette seconde, vous pouvez effacer le délai d'attente et de définir un nouveau.

E. g.
```
var t;    

function keyDown()
{
  if ( t )
  {
    clearTimeout( t );
    t = setTimeout( myCallback, 1000 );
  }
  else
  {
    t = setTimeout( myCallback, 1000 );
  }
}

function myCallback()
{
   alert("It's been 1 second since you typed something");
}
```
- Ne connaissais pas clearTimeout! Merci!
- Au-dessous de la réponse qui n'utilise pas de variables globales est de loin supérieur à la démarche.
InformationsquelleAutor jimr
1

Tant pis, j'ai trouvé un moyen de le faire. J'ai appeler une fonction sur chaque onkeyup() qui incrémente un compteur et ensuite attendre 1 seconde. Après 1 seconde écoulé, il décrémente le compteur et vérifier si elle est égale à 0.
```
var keystrokes = 0;
function askAgain()
{
    ++keystrokes;
    setTimeout(reveal, 1000);
}

function reveal()
{
    --keystrokes;

    if (keystrokes == 0)
        alert("Watch out, there is a snake!");
}
```
- Heh, c'est gentil. Si quelqu'un est vraiment très rapide typer ils peuvent avoir à attendre quelques secondes pour voir le message si 🙂
- Je ne suis pas vraiment sûr, mais je dirais que même si vous êtes vraiment un fast typer vous auriez du attendre une seule seconde, parce que quand vous frappez la dernière touche, vous permettra de définir le délai d'attente qui va faire les frappes = 0 🙂
InformationsquelleAutor Gab Royer

Juste modifier votre code html d'entrée et de jeter première ligne dans vos fonctions actuelles de sorte que vous n'êtes pas avoir à recoder tout ce que vous avez. Elle n'affectera pas les vieux code-appel de fonctions, puisque si onkeypress n'est pas définie, alors mykeypress sera toujours < 1.

var mykeypress=0;
var mysleep=1000; //set this higher if your users are slow typers
function mytest(id,text) {
   mykeypress--; if(mykeypress > 0) { return; }
   //anything you want when user stops typing here
   alert("Keypress count at "+mykeypress+" ready to continue 
id is "+id+" arguement is "+text);
}

input type="text" name="blah" id="55" onkeypress="mykeypress++"
onkeyup="myid=this.id;setTimeout(function (){mytest(myid,'a test')},mysleep)"
REVERT to old way seamlessly:
input type="text" name="blah" id="55" onkeyup="mytest(this.id,'a test')"

InformationsquelleAutor syleishere

0

Il est simple de plugin j'ai fait qui fait exactement cela. Il nécessite beaucoup moins de code que certaines des solutions proposées et il est très léger (~0,6 kb)

Tout d'abord vous créer Bid objet que ce qui peut être bumped à tout moment. Chaque bosse va retarder la cuisson Offre de rappel pour la prochaine donné quantité de temps.
```
var searchBid = new Bid(function(inputValue){
    //your action when user will stop writing for 200ms. 
    yourSpecialAction(inputValue);
}, 200); //we set delay time of every bump to 200ms
```
Quand Bid objet est prêt, nous avons besoin de bump en quelque sorte. Attachons cogner à keyup event.
```
$("input").keyup(function(){
    searchBid.bump( $(this).val() ); //parameters passed to bump will be accessable in Bid callback
});
```
Ce qui se passe ici est:

Chaque fois que l'utilisateur appuie sur la clé, l'offre est "retardé" (tombé) pour la prochaine 200ms. Si 200ms va passer sans être 'tombé' encore une fois, la fonction de rappel sera tiré.

Aussi, vous avez 2 fonctions supplémentaires pour l'arrêt de l'enchère (si l'utilisateur a appuyé sur la touche échap ou cliqué en dehors de l'entrée par exemple) et pour la finition et la cuisson de rappel immédiatement (par exemple lorsque l'utilisateur presse la touche entrée):
```
searchBid.stop();
searchBid.finish(valueToPass);
```
InformationsquelleAutor pie6k

Vous devez vous connecter pour publier un commentaire.