title: determine event path in DOM Event bubbling
body: <p>I am trying to find out the path through which an event has bubbled. For example , I have a mark up like</p>
  
  <pre><code> &lt;div id="container" onclick="func"&gt;
          &lt;div id="div1"&gt;&lt;/div&gt;
          &lt;div id="div2"&gt;
              &lt;div id="div2.1"&gt;&lt;/div&gt;
              &lt;span id="span2.2"&gt;&lt;/span&gt;
              &lt;div id="div2.3"&gt;
                  &lt;button id="btn2.3.1"&gt;&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Now if btn2.3.1 was clicked, I wish to see the entire path the event has bubbled up through which is btn2.3.1 -> div2.3 -> div2 ->container . Is there a way of doing this with only putting a handler on the container ? (No Jquery please)</p>
  
  <p>I found a event.path array.Which does this stuff, but couldn't find much details about it.Is it cross browser? What is the correct way to achieve this ?</p>