title: How to get the element that fired the "onclick" event
body: <pre><code>&lt;script&gt;
      function clicky(e){
          console.log(e)       //the clicked element
      }
  &lt;/script&gt;
  &lt;span onClick="clicky(this)"&gt;Clickable&lt;/span&gt;
  </code></pre>
  
  <p>In the script above, the <code>console.log(e)</code> will give me the <code>&lt;span&gt;</code> that I clicked on.<br>
  Is there any way that I could omit the <code>clicky(</code><strong><em><code>this</code></em></strong><code>)</code> and still get the element?<br>
  It's because I don't want to put <code>(this)</code> all over the document.<br>
  Any answer are welcomed.</p>