-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patheventObject.html
More file actions
28 lines (28 loc) · 1006 Bytes
/
eventObject.html
File metadata and controls
28 lines (28 loc) · 1006 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Event Object</title>
</head>
<body>
<h1 class="title">Event Object</h1>
<p>
All event objects in the DOM are based on the Event Object. Therefore, all
other event objects (like MouseEvent and KeyboardEvent) has access to the
Event Object's properties and methods. (W3Schools)
</p>
<button id="btn">Click Me</button>
<script>
const title = document.querySelector(".title");
const btn = document.getElementById("btn");
btn.onclick = function () {
btn.innerHTML = "Clicked";
console.log(event);
console.log(event.target); // Returns the element that triggered the event
console.log(event.type); //! Returns the name of the event
};
</script>
</body>
</html>