Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

HTML DOM: Which events do not bubble?

Tags:

javascript

html

dom

dom-events

event-bubbling

Most events bubble in all browsers. However, I know that in Internet Explorer "submit" events do not bubble. What are the other events that do not bubble?

like image 251
jeremysawesome Avatar asked Apr 06 '11 23:04

jeremysawesome

People also ask

Which method prevent the bubbling up the DOM tree?

stopPropagation() Description: This method prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

Which of the following options would prevent an event from bubbling up in the DOM in a jQuery event handler where event receives the event object?

To stop the bubbling and prevent handlers on the current element from running, there's a method event. stopImmediatePropagation() . After it no other handlers execute.

Do events bubble by default?

In modern browsers, by default, all event handlers are registered for the bubbling phase. So in our current example, when you click the video, the event bubbles from the <video> element outwards to the <html> element.

2 Answers

HTML frame/object

  • load
  • unload
  • scroll (except that a scroll event on document must bubble to the window)

HTML form

  • focus
  • blur

Mutation

  • DOMNodeRemovedFromDocument
  • DOMNodeInsertedIntoDocument

Progress

  • loadstart
  • progress
  • error
  • abort
  • load
  • loadend

From: https://en.wikipedia.org/wiki/DOM_events#Events

like image 142
Gajus Avatar answered Sep 29 '22 09:09

Gajus

Any events specific to one element do not bubble: focus, blur, load, unload, change, reset, scroll, most of the DOM events (DOMFocusIn, DOMFocusOut, DOMNodeRemoved, etc), mouseenter, mouseleave, etc

like image 43
Nobody Avatar answered Sep 29 '22 07:09

Nobody
Sign in to Comment

Related questions

javascript - Uncaught ReferenceError: keys is not defined
jQuery: Find next element that is not a sibling
Delete a specific user from Firebase
compare text inside 2 div elements using javascript or jquery
Save Async/Await response on a variable
Better way to call javascript function in a tag
Why fetch return a response with status = 0?
How can I use JavaScript or jQuery to read a pixel of an image when user clicks it?
FB.logout() called without an access token
jQuery: how to filter out non-character keys on keypress event?
Javascript && operator versus nested if statements: what is faster?
Use JavaScript to prevent a later `<script>` tag from being evaluated?
Is "clear" a reserved word in Javascript?
How to handle change text of span
What is "npm run build" in create-react-app?
Jest passing an object to expect().toBeCalledWith()
jQuery: Does adding an event listener overwrite the previous listener of the same event?
Lightweight Alternative to jQuery UI's sortable()? [closed]
JavaScript isPrototypeOf vs instanceof usage
yarn upgrade to fix yarn audit errors

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!