title: How to distinguish mouse "click" and "drag"
body: <p>I use <code>jQuery.click</code> to handle the mouse click event on Raphael graph, meanwhile, I need to handle mouse <code>drag</code> event, mouse drag consists of <code>mousedown</code>, <code>mouseup</code>and <code>mousemove</code> in Raphael. </p>
  
  <p>It is difficult to distinguish <code>click</code> and <code>drag</code> because <code>click</code> also contain <code>mousedown</code> &amp; <code>mouseup</code>, How can I distinguish mouse "click" &amp; mouse "drag" then in Javascript?</p>