title: jQuery - Event delegation is occuring multiple times
body: <p>I'm using event delegation in the pagination for my website. When you click the <code>&lt;</code> or <code>&gt;</code> buttons it moves the page up or down. The problem is that if you don't release the mouse button, in a split-second it will keep repeating the click handler.</p>
  
  <p>How can I make it so that this event only occurs once per-click? Here's my code:</p>
  
  <pre><code>$(document).on('mousedown', '#prev', function(event) {
      // Page is the value of the URL parameter 'page'
      if (page != 1) {
          page--;
          var state = {
            "thisIsOnPopState": true
          };
          history.replaceState(state, "a", "?page=" + page + "");
      }
      // Refresh is a custom function that loads new items on the page
      refresh();
  });
  </code></pre>