onkeyup trop lent

Question

http://jsbin.com/ezecun/edit#javascript,html

Je dois écrire cette façon parce qu'il est dynamicly fait, le code réel ci-dessous. Je l'ai simplifié un peu dans le jsbin. Fondamentalement, il faut si longtemps pour mettre à jour le tableau avec la valeur de la boîte, il est inutilisable.

Merci d'avoir regardé.

CODE: php

echo "<label style='float:left'>Comments: </label> <textarea onKeyUp=\"editItemInCart(this.value,'comments',".$itemNum.")\" onChange=\"editItemInCart(this.value,'comments',".$itemNum.")\" >".$cart['comments']."</textarea><br />"; 

javascript

function editItemInCart(newValue,fieldName,itemNum) { 
    jQuery.ajax({ 
     type:"POST", 
     url: "editItem.html", 
     data: "newvalue=" + newValue + "&fieldname=" + fieldName + "&itemNum=" + itemNum, 
    }) 
    //alert(newValue + fieldName + itemNum); 
} 

Answer 1

Voulez-vous vraiment poster sur chaque touche dactylographiées ou lorsque l'utilisateur se termine taper? La plupart des gens peuvent taper un mot entier avant qu'une lettre ne soit traitée. Vous avez besoin d'un compte. Quelque chose comme ceci:

var count = 0; 
function doEditItemInCart(newValue,fieldName,itemNum) 
{ 
    count++; 
    setTimeout("editItemInCart('"+newValue+"','"+fieldName+"',"+itemNum+","+count+")",200); 
} 
function editItemInCart(newValue,fieldName,itemNum,cnt) { 
if (count == cnt) { 
     count = 0; 
     jQuery.ajax({ 
      type:"POST", 
      url: "editItem.html", 
      data: "newvalue=" + newValue + "&fieldname=" + fieldName + "&itemNum=" + itemNum, 
     }) 
     //alert(newValue + fieldName + itemNum); 
    } 
} 

Answer 2

Sur la base de vos commentaires, il semble que vous voulez debounce l'événement keyup. Je recommande jQuery throttle/debounce plugin de Ben Alman. Le code ci-dessus élimine les gestionnaires d'événements en ligne, vous offrant ainsi une bonne séparation entre le code et le balisage.