Question

I would like an event to fire whenever something other than a DOM element is clicked, and a separate event when an image is clicked.

Right now I have:

$( document ).click( function() { /*do whatev*/ } );

and in another place:

$( "img" ).click( function( e ) { 
  e.stopPropagation();
  /*do whatev*/
} );

it does not work. both events are fired. any other ideas?

Answer 1

Simple and concise:

jQuery(document).click(function(event) {
  if (jQuery(event.target).is('img'))
  {
    alert('img');
  }
  else
  {
    // Reject event
    return false;
  }
});

If the user clicks on an img element ‘img’ is alerted, otherwise the click event is stopped.