title: Target on click
body: <p>Look this code:</p>
  
  <pre><code>&lt;div&gt;
      &lt;a href = "#"&gt;&lt;span&gt;Click me MAN !&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;script type = "text/javascript"&gt;
      window.onload = function () {
          document.body.addEventListener ("click", function (event) {
              var target = event.target;
  
              alert ("Returns \"" + target.nodeName + "\". Just want \"" + target.parentNode.nodeName + "\"")
          }, false);
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>You can see the element "span" inside a "link", when the "link" is clicked the current target is the same "span". How can the "event.target" return "link" instead of "span".</p>
  
  <p>Thanks and no, I don't want to use "parentNode".</p>