Question

I have a DIV tag which when clicked I want to start a process, after which clicking anywhere on the document I want to end the process. So far I have tried this:

$(document).click(end_process);
$('div_tag_id').click(start_process);

This is no good as clicking to start the process also ends the process immediately afterwards. Any ideas?

Answer 1

I believe you want something like this:

$('div_tag_id').click(function(e) {
   e.stopPropagation();
   start_process(e);
});

See:

http://api.jquery.com/event.stopPropagation/