From bd283e24ad7097348cab738c5735b6575d758eda Mon Sep 17 00:00:00 2001
From: Marcello Lamonaca <marcello.lamonaca@gmail.com>
Date: Fri, 19 Mar 2021 09:22:40 +0100
Subject: [PATCH] Add details to event notes

---
 JavaScript/Events & Animation.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/JavaScript/Events & Animation.md b/JavaScript/Events & Animation.md
index 86aeb04..b1117ca 100644
--- a/JavaScript/Events & Animation.md	
+++ b/JavaScript/Events & Animation.md	
@@ -16,6 +16,7 @@ Event Types:
 var domNode = document.getElementById("id");
 
 var onEvent = function(event) {  // parameter contains info on the triggered event
+    event.preventDefault();  // block execution of default action
     // logic here
 }
 
@@ -39,9 +40,12 @@ Event Options:
 
 ```js
 let event = new Event(type [,options]);  // create the event, type can be custom
+let event = new CustomEvent(type, { detail: /* custom data */ });  // create event w/ custom data
 domNode.dispatchEvent(event);  // launch the event
 ```
 
+![Event Inheritace](https://www.w3.org/TR/2014/WD-DOM-Level-3-Events-20140925/images/event-inheritance.svg)
+
 ## Animation
 
 The window object is the assumed global object on a page.