title: Javascript event to know when a user changes something on a form
body: <p>I have a form which has:</p>
  
  <ul>
  <li>two input text fields</li>
  <li>4 selects</li>
  <li>1 textarea</li>
  </ul>
  
  <p>Is there an easy way to capture the following event?</p>
  
  <p>When a user types inside the input fields, or selects something from the list, or types something inside the text area?</p>
  
  <p>Or do I have to do it the old fashion way like: do a change function for the select, on focus for the input and so on?</p>
  
  <p>Basically, I want to be able to know when something changes on the form.</p>
  
  <p>Any ideas?</p>
  
  <p><strong>Here is an update:</strong></p>
  
  <p><strong>Lets say I use the following code:</strong></p>
  
  <pre><code>$('input, textarea, select').on('change', function() {
      console.log('hey');
  
      // how do I unbind this certain even after the first "hey" listing of the console?
  
  });
  </code></pre>
  
  <p>How do I unbind this certain even after the first listing of the console?           </p>