title: jQuery javascript prevent continuous input change event triggers
body: <p>I have come accros this problem before. This time it is an HTML5 color input giving the problem. Here's the issue. I want to use an <code>onChange</code> event to send the user selected value from a color input to the server via Ajax - for an almost real time update to a database. However, when the user drags his mouse over the color swatch, it will trigger loads of <code>onChange</code> events in rapid succession, for each value change, so the server will get inundated with hundreds of pointless requests until the user stops sliding their mouse!</p>
  
  <p>I could use <code>onMouseOut</code> for this particular issue, but I have had this issue with other things like detecting browser window resizing when a user click/drags to resize and the event is triggered with every pixel change. So I'm looking for an answer that will trigger on the final value only, for all similar scenarios.</p>
  
  <p>What is the best method for dealing with this and just triggering when the data has finished changing. I.e. ignore every change until user has settled on a final value. An <code>onAfterChange</code> method event would be nice, but I can't find one!</p>