Home/ Questions/Q 6222925
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T08:24:00+00:00

<script> function clicky(e){ console.log(e) //the clicked element } </script> <span onClick=clicky(this)>Clickable</span> In the script

  • 0
<script>
    function clicky(e){
        console.log(e)       //the clicked element
    }
</script>
<span onClick="clicky(this)">Clickable</span>

In the script above, the console.log(e) will give me the <span> that I clicked on.
Is there any way that I could omit the clicky(this) and still get the element?
It’s because I don’t want to put (this) all over the document.
Any answer are welcomed.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See this:

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
  </head>
  <body>
    <div id="foo" style="background:blue; width:100px; height:100px">
    <script>
      function clicky(e){
        console.log(e); 
      }
      var foo = document.getElementById("foo");
      foo.onclick = function(e){clicky((e || window.event).target);}
    </script>
  </body>
</html>
    • 0