Events

Question 1

What is the difference between event bubbling and event capturing?

Answer 1

Direction of the event

1) Event capturing phase: from root(document) to the ellement
2) Event Bubbling Phase: Target to Root

Question 2

Why don’t event listeners get called twice (up and down the stack)? One in the Event capturing phase, and Event Bubbling Phase

Answer 2

You can choice which phase it listens too. Defaults to event Bubbling Phase

Question 3

Which event listening phase is default

Answer 3

Bubbling Phase

Question 4

What is the difference between stopPropagation() and preventDefault() ?

Answer 4

stopPropagation stops the event from ether proceeding

down the event capturing phase or going up the Event Bubbling Phase

Question 5

What is the difference between stopPropagation() and preventDefault() ?

Answer 5

stopPropagation stops the event from ether proceeding
down the event capturing phase or going up the Event Bubbling Phase. STOPS

PreventDefault: doesn’t stop event. But stops action
Not check in Checkbox

Question 6

Are event listeners async?

Answer 6

No they wait for the event in front of them to execute

Question 7

Does event capturing happen first or is it event bubbling?

Answer 7

Event capturing First

Question 8

Events:
Does this code add an event listener to the event capturing phase or the bubbling phase?

    (function () {
     var y = i;
     items[y].addEventListener("click",
     function (event) {
      console.log(items[y]
     event);
     }
     true);
    })();

Answer 8

Event capturing phase

The Default is false

Question 9

Events:
Does the below code add an event listener on the event capturing phase or the event bubbling phase?

    (function () {
     var y = i;
     items[y].addEventListener("click",
     function (event) {
      console.log(items[y]
     event);
     });
    })();

Answer 9

Event Bubbling Phase

Default

Question 10

Calling the prevent default function in an event listener stops the next event listener from being called?

Answer 10

False

Question 11

If we clicked a checkbox, calling preventDefault() from one of the event listeners would stop the checkbox from having the tick applied to it.

Answer 11

True