Question

I have input fields on my page and I detect when the user types something to enable the Save button. I also have enabled a shortcut Ctrl + S to let the user save. Whenenever data is saved, the Save button is disabled.

However I have a dilemma. If the user changes the text in an input field, does a Ctrl + S and then moves to another input field using the mouse, the “change” event gets fired for the input field that the user changed and this in turn causes the Save button to get enabled again. The Save button should not be enabled because no changes have taken place after doing a Ctrl + S. What it appears is that the change event is fired not just with changes in text but also when the focus is moved to another field.

$("input.SaveMe").live('keypress change', function ()
{
    // Code goes here to enable Save button
});

How can I prevent the change event from taking place after saving. I thought of using some kind of flag but I can’t figure out how.

Answer 1

Removing the detection for “change” takes care of the problem but this now prevents users from pasting text into a field and detecting the paste as a change. To fix that use:

$(document).bind('paste', function (e)
{
  // Add code to update flag to indicate data changes and enable the Save button.
});