jQuery- focusout uniquement lorsqu'un autre élément n'est pas cliqué

Question

Lorsque l'utilisateur effectue la mise au point sur un élément donné, j'affiche un bouton de sauvegarde. Sur la mise au point, je supprime le bouton de sauvegarde.

L'utilisateur peut soumettre l'entrée soit par retour frapper ou cliquez sur Enregistrer. Quand ils cliquent sur le bouton de sauvegarde, l'entrée perd le focus et le bouton de sauvegarde est enlevé, n'enregistrant pas le clic. Puis-je dire dans la mise au point, si le bouton de sauvegarde a été cliqué?

Dans ma fonction de mise au point que je fais quelque chose comme ceci:

 $('#save_button').click(function(){ 
      saveEditingField(this); //save input 
      $('#save_button').die("click"); 
     }); 

     $('.editing').focusout(function(e) { 
      $('#isediting').attr('value','false'); 
      $('#edit_controls').remove() 
     }); 

J'ai essayé d'ajouter un délai à la supprimer(), mais quand la tabulation entre les entrées, il montre plusieurs entités de sauvegarde des boutons (alors que les autres sont enlevé).

Des idées?

Answer 1

Je pense que vous avez seulement besoin d'un peu de délai entre la mise au point et le retrait/le masquage du bouton.

Answer 2

Crée un div contenant les deux éléments (le texte d'entrée et le bouton) et lier l'événement focusout à cette div

Answer 3

Vous pouvez vérifier si la souris est sur le bouton focusout avant de se cacher le bouton.

Preuve de concept ici: http://jsfiddle.net/dnsEM/

Un problème mineur avec cette mise en œuvre est que le bouton de sauvegarde ne disparaît pas si la zone d'entrée desserre mise au point alors que la souris est sur le bouton et ne se cache sur la souris sur.