title: Backbone.js - Both click and double click event getting fired on an element
body: <p>In my Backbone View, I have defined events like this:</p>
  
  <pre><code>events : {
    'click .elm' : 'select',
    'dblclick .elm' : 'toggle'
  
  },
  
  select: function(e){
      e.preventDefault();
      console.log('single clicked');
  }
  
  toggle : function(e){
      e.preventDefault();
      console.log('double clicked');
  }
  </code></pre>
  
  <p>I have bound single and double click event listeners to same element <code>.elm</code>. When I double click on this element, I get this output:</p>
  
  <p><code>single clicked</code>
  <code>single clicked</code>
  <code>double clicked</code></p>
  
  <p>Tried <code>preventDefault()</code> and <code>stopImmediatePropagation()</code> and that didn't solve the issue. </p>
  
  <p>So, how can I prevent the single click event getting fired when I double click?</p>