title: Handling default behavior on button double-click
body: <p>I've added a <code>mouseup</code> event listener to a span that will increment the value in a sibling text input via js... think of arrow controls that allow a user to click increase or decrease a value. The problem: if a user clicks the span too fast, Safari/Chrome interpret it as a double-click and starts to select nearby items and render them under a blue box. There must be a default behavior in these browsers that auto selects nearby text as a convenience function when you double-click.</p>
  
  <p>I've tried adding a <code>dblclick</code> event to catch the event and run <code>preventDefault()</code>, <code>stopPropagation()</code> or return false. However, nothing works. I've also added <code>-user-select: none;</code> CSS rules to the nearby items. However, the browser just skips over these and finds something else to highlight. Any thoughts on how to prevent this behavior?</p>