JQuery-focusout only when another element is not pressed

Question

When the user focuses on a specific item, I show a save button. When focusing, I delete the save button.

The user can send input by clicking the "Reply" or "Save" button. When they press the save button, the input loses focus and the save button is deleted, so the click is not registered. Can I indicate in focus if the save button is pressed?

In my focus function, I am doing something like this:

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

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

I tried adding a delay to remove (), but when the tab between inputs shows several save buttons (while the rest are removed).

Any ideas?

Answer 1

, / .

Answer 2

, , .

: http://jsfiddle.net/dnsEM/

, , , .

Answer 3

Creates a div containing both elements (input text and a button) and binds a focus event to this div