title: How to solve vmouseup being interrupted
body: <p>I'm using jQuery Mobile to develop one single page to use in Android Webview.    </p>
  
  <p>There is an button which I need put some pressed effect, and then I use <code>vmousedown</code> to add press style class and <code>vmouseup</code> to remove the class added before. However, there are something interrupt the <code>vmouseup</code> process.    </p>
  
  <p>Reproduce:<br>
  First, press one button, and it trigger the <code>vmousedown</code> event.<br>
  Then, keep hold your finger and move outside the trigger area.<br>
  Finally, loosen your finger and you will see it keeps the state that you hold it.  </p>
  
  <p>I have done a demo to test, and find that it even won't trigger <code>vmouseout</code> or <code>vmousecancel</code>, the last event have been triggered is <code>vmousedown</code>.  </p>
  
  <p>Is there anyone know why this happen and how to solve this?<br>
  This is code : <a href="http://fiddle.jshell.net/icese7en/wxsLufk3/" rel="nofollow">Fiddle</a></p>