Two differents OnClick on two divs, one over the other

Question

I have two divs, a big one and a smaller over the other, each div has its own OnClick method. The problem I have is when I clicked the smaller div, the big div\'s OnClick me

Answer 1

What you're dealing with is event bubbling. Take a look at this article: http://www.quirksmode.org/js/events_order.html.

Basically, to stop the event from passing to the parent element, you can use something like this:

document.getElementById('foo').onClick = function(e) {

    // Do your stuff

    // A cross browser compatible way to stop propagation of the event:
    if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}