title: How to get mouseup to fire once mousemove complete
body: <p>It seems that <code>mouseup</code> events are only fired when they are not in conjunction with a <code>mousemove</code>.  In other words, push down on the left mouse button and let go, and <code>mouseup</code> is fired.  But if you drag across the image and then let go, no <code>mouseup</code> is fired.  Here is an example that shows this behavior:</p>
  <pre><code>&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;div id=&quot;Out&quot;&gt;
      &lt;img id=&quot;Img&quot; src=&quot;http://sstatic.net/so/img/logo.png&quot; width=500&gt;
  &lt;/div&gt;
  &lt;script language=JavaScript&gt;
      $(function() {
          $(document).bind(&quot;mouseup&quot;,function() {alert(&quot;UP&quot;);});
          //$(&quot;#Out&quot;).bind(&quot;mouseup&quot;,function() {alert(&quot;UP&quot;);});
          //$(&quot;#Img&quot;).bind(&quot;mouseup&quot;,function() {alert(&quot;UP&quot;);});
      });
  &lt;/script&gt;
  </code></pre>
  <p>If you load this, and click and let go, &quot;UP&quot; will alert.  However, if you drag and then let go, no UP is fired.</p>
  <p>How can I have <code>mouseup</code> fire when <code>mousemove</code> is completed, or how can I inspect the <code>mousemove</code> event to determine that the left mouse button is now off?</p>