title: Mobile Safari "swallowing" events in Backbone.js app
body: <p>I'm experiencing a strange issue w/ a Backbone.js app. In my main view, I want to capture all input events that occur over the view and route them to input handler methods. I also have some links in the view that navigate to other parts of the app. Relevant (CoffeeScript) code:</p>
  
  <pre><code>events:
      'click a.quit': 'quit'
      'mousedown': 'onActionStart'
      'mouseup': 'onActionEnd'
      'touchstart': 'onActionStart'
      'touchmove': 'onActionMove'
      'touchend': 'onActionEnd'
  </code></pre>
  
  <p>The event handling works as expected in desktop Safari. When I click the "quit" link, the "onAction_<em>_</em>" methods fire, and then the "quit" method is called. However, on Mobile Safari, the "quit" method doesn't get called. If I modify the touch event selectors to only respond to a smaller area in the view (i.e. an element not overlapping the link), then it works as expected. (All the methods that are triggered via user input have preventDefault() calls in them, but that shouldn't stop the events from bubbling.) Is this a known Mobile Safari issue?</p>