title: What is the difference between Event.target, Event.toElement and Event.srcElement?
body: <p>I have the following code:</p>
  
  <pre><code>document.oncontextmenu = function(evt) {
      evt = evt || window.event;
      console.log(evt.target, evt.toElement, evt.srcElement);
  };
  </code></pre>
  
  <p>By clicking the right mouse button on a <code>&lt;div class="foo"&gt;&lt;/div&gt;</code>, returns this:</p>
  
  <blockquote>
    <p>div.foo, div.foo, div.foo</p>
  </blockquote>
  
  <p>By clicking the right mouse button on a <code>&lt;input&gt;</code>, returns this:</p>
  
  <blockquote>
    <p>input, input, input</p>
  </blockquote>
  
  <p>All seem to bring the same result. Is there any situation that one of them has different use than the others?</p>