title: Trigger Click-and-Hold Event
body: <h3>QUESTION:</h3>
  
  <p>Using jQuery, how can I imitate a click-and-hold event?</p>
  
  <p><hr/>I am currently beating my head against a wall and cannot seem to figure out how to go about this! </p>
  
  <p>I have also tried searching on google and in forums, but to no avail.</p>
  
  <p>In my current example, I am using jQuery UI's <a href="http://jqueryui.com/draggable/" rel="nofollow"><code>.draggable()</code></a>.  </p>
  
  <p>Ideally, I would like to do the following:</p>
  
  <ul>
  <li>Perform a click/mousedown on the <code>div</code>.</li>
  <li>Imitate a click-and-hold event and be able to move the element freely.</li>
  <li>On next click/mousedown, end click-and-hold event.</li>
  </ul>
  
  <p>When I try functions like:</p>
  
  <pre><code>$("#drag").draggable().mousedown(function(e){
      e.preventDefault();
      return $(this).mousedown();
  });
  </code></pre>
  
  <p>It then causes an infinite loop, which will eventually result in the browser crashing.  However, I am not sure how one would go about initiating a constant <code>.mousedown()</code> event.</p>
  
  <p>Here is a demo of what I currently have: <a href="http://jsfiddle.net/vPruR/16/" rel="nofollow">http://jsfiddle.net/vPruR/16/</a> .</p>
  
  <p>Any help would be greatly appreciated!  </p>