dom event delegation Flashcards

1
Q

What is the event.target?

A

the element that the event happened on

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Why is it possible to listen for events on one element that actually happen its descendent elements?

A

thanks to event bubbling!

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What DOM element property tells you what type of element it is?

A

event.target.tagName

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What does the element.closest() method take as its argument and what does it return?

A

takes a CSS selector to search up the document tree for starting with itself, returns the first matching ancestor or null

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How can you remove an element from the DOM?

A

element.remove()

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

If you wanted to insert new clickable DOM elements into the page using JavaScript, how could you avoid adding an event listener to every new element individually?

A

add the listener to an ancestor instead

How well did you know this?
1
Not at all
2
3
4
5
Perfectly