Detecting click event on padding only

Question

I have an HTML element with some padding. I would like to detect for clicks on that element\'s padding. That is, I don\'t want the event to fire when the user clicks on the

Answer 1

I think this is what ThiefMaster intended to describe. In this scenario, a click on the content will do nothing but a click on the div with lots of padding will yield an action.

Basic markup:

   
Content content content

then

click listener for content div that prevents bubbling to divWithPadding:

$("#divWithPadding > div").click(function(e){
   e.stopPropagation(); 
});

click listener for divWithPadding that does something:

$("#divWithPadding").click(function(){
    //do something
});