[jQuery] Re: Binding a unique single and double click command

I'd use this approach -

var clicks = 0;

$('.todo_item h2').live('click', function() {
// count the click
click++;

// only set the timeout if the first click to prevent multiple
firing
if( click == 1) setTimeout( "doTheAction()", 300);
});

function doTheAction()
{
if(click == 1) editInPlace();
if(click == 2) showExtra();

// reset click
click = 0;
}

so you will only do something after the timeout fires, and you count
the clicks. If the user clicks a 2nd time before the timeout fires
you'll get the 2nd action. If not, you get the first.

NB: not tested, just an idea. Test it hard to make sure you don't
create lots of timeouts and crash the browser :)

On Sep 29, 3:41 pm, Sam <samueljhart...@gmail.com> wrote:
> I'm trying to write some jQuery to do the following:
>
> If a user clicks once on an object, do X.
>
> If a user clicks twice on an object, do Y, but not X.
>
> I've been having some trouble with this as, obviously, a double-click
> will trigger the single-click twice. Here is a failed attempt:
>
>     $('.todo_item h2').live('click', function() {
>         var startTime = new Date();
>         $(this).mousedown(function() {
>             var endTime = new Date();
>             if (Math.abs(endTime - startTime) < 300) { editInPlace }
>             else { showExtra }
>         });
>
> });
>
> where editInPlace and showExtra are some functions I have defined
> elsewhere in the document. This method, however, relies on a second
> click, or mousedown at least, to work, which fails if the user only
> clicks once.
>
> I have also looked into setTimeout but without any fruitful results.
> Anyone have any suggestions on how to code thsi?