title: MouseUp and DoubleClick both attached to seperate event handling functions using Backbone js
body: <p>I have a chart application wherein I use Backbone.js to attach seperate handlers for mouseup and doubleclick events over different "area" of chart image.</p>
  
  <p>I require mouseup to detect whether user clicked left button or right on the "area" part of chart image and depending on that I am redirecting my flow. Also I require doubleclick to enlarge or minimize my panel containing the chart image.</p>
  
  <p>Here is the issue.. Since each doubleclick implicitly calls mouseup, I am getting my maximise/minimize functionality interfere with the left/right button click functions.</p>
  
  <p>I tried using various techniques like timeout to check if single mouse up is followed by doubleclick (as suggested in following thread:
   <a href="https://stackoverflow.com/questions/1067464/need-to-cancel-click-mouseup-events-when-double-click-event-detected/1067484#1067484">Need to cancel click/mouseup events when double-click event detected</a></p>
  
  <p>It did not work for me. Also I have different objects of the view containing the chart on same page so I am attaching unique ID with every event handler to differentiate them I also tried the simple flag set reset method to detect double click and prevent mouseup if double click occured but since in the event hierarchy the mouseup occurs before doubleclick, that failed too.</p>
  
  <p>All in all, Please Help! Thanks in advance</p>