python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - dom-events

If an event issued on "this" bubbles up out of my component then why do we need the "composed" property on custom events?

So I have read several pieces that say if you want a custom event to traverse the shadow DOM boundary and cross into the light DOM you need to set the custom event's composed property to true. I notic...
test-img

Roger Heathcote

javascript

dom-events

web-component

Votes: 0

Answers: 4

Latest Answer

'this' is the Custom Element/Web Component <my-component>, 'this' is NOT inside the elements shadowRoot. So Events you dispatch from 'this', do not cross shadowDOM boundaries. You only need com...
test-img

Danny &#39;365CSI&#39; Engelman

How to determine ordering of event listeners in Javascript

I'm confused by the ordering of event listeners in Javascript. If I have a form with a submit button and I'd like to alert a user instead of automatically submitting the form, but only when the submit...
test-img

khajiit

javascript

event-handling

dom-events

Votes: 0

Answers: 1

Latest Answer

Events do follow the law of causality. Smaller primitives build up larger, more important ones: keydown -> keyup -> keypress -> change mousedown -> mouseup -> click -> submit In yo...
test-img

Bergi

Food Ranking List Challenge (TestDome)

I get stuck on this challenge so I need help. A website needs a list where users can rank their favorite foods. Write the setup function, which should register click handlers on all Up! and Down! but...
test-img

munteanu dan

javascript

html

dom

dom-events

codewarrior

Votes: 0

Answers: 3

Latest Answer

You don't need two for loops to iterate over the list elements and the buttons. You only need the buttons, the li elements are their parentNodes. Moving up Once you add the event listeners to every bu...
test-img

Zsolt Meszaros

How to listen to open and close events of a select on mobile?

I am aware that no native events exist for select on open/close. I am using select.mousedown and document.mouseup as suggested in this answer, and they work well on desktop. However, they don't work a...
test-img

Alex

javascript

html

dom-events

html-select

Votes: 0

Answers: 2

Latest Answer

unfortunately there is no standard event for select open and close one way is to build a custom dropdown, like one propose by bootstrap https://getbootstrap.com/docs/4.0/components/dropdowns/#events w...
test-img

jeremy-denis

Posts

Questions

Blogs

Jobs