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.