title: How to trigger only one event at a time on textarea
body: <p>I am using the following code.</p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code> $("textarea").bind('change paste', function (event) {
        event.stopPropagation();
        //event.preventDefault(); //It prevent text to be written
        alert("event = " + event.type);
   });
  </code></pre>
  
  <p>When I type anything and click outside, it works fine, only <code>change</code> event triggers.</p>
  
  <p>But If I paste some text, <code>paste</code> event triggers and on clicking outside the <code>change</code> event triggers.
  I want only one event to be fired. I tried <code>stopPropagation</code> but no success.</p>
  
  <p><a href="http://jsfiddle.net/AmanVirdi/wk7uwer0/1/" rel="nofollow">Demo Fiddle</a></p>