How to get 'event' as argument from javascript 'onclick' function?

Use the 'event' object in the the 'onclick' function

e.g

<button onclick="myFunction(event,this)">Click me</button>

<script>
function myFunction(e, element) {
console.log("event=", e, "element=", element);
}
</script>

output:

Sample code and demo is here

<!DOCTYPE html>
<html>

<body>
    <h3>
The onclick Event</h3>
<p>
The onclick event is used to trigger a function when an element is clicked on.</p>
<p>
Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>
<button onclick="myFunction(event,this)">Click me</button>
    <p id="demo">
</p>
<script>
        function myFunction(e, element) {
            console.log("event=", e, "element=", element);
        }
    </script>
</body>

</html>

Demo

How to get 'event' as argument from javascript 'onclick' function?

No comments:

Post a Comment

Popular Posts

Tags

Contact Form