Code has been added to clipboard!

Use stopImmediatePropagation to Prevent Event Handlers From Executing

Reading time 1 min
Published Jan 2, 2018
Updated Oct 10, 2019

stopImmediatePropagation: Main Tips

  • This method is used to stop immediate propagation and prevent other event handlers on the same element from executing.
  • It is simply written as event.stopImmediatePropagation() - there are no arguments to include.

event.stopImmediatePropagation Explained

The event.stopImmediatePropagation method doesn't allow other event handlers on the same element to be executed. It can also prevent bubbling up the DOM in the same way as event.stopPropagation method.

Look at the example below. You will see the method preventing the second click event from executing:

Example
$("div").click((event) => {
   alert("Handler 1");
   event.stopImmediatePropagation();
});
$("div").click((event) => {
   alert("Handler 2");
});

Note: check whether the event.stopimmediatepropagation() is applied with the event.isImmediatePropagationStopped method.

Learn jQuery
Introduction
Selectors
Events
Event Methods
Download
Callback
Chaining
Get and Set
Add Element
Remove Element
Traverse
Parent
Children
Sibling Traverse
Filtering
jQuery AJAX
Effects
Show and Hide
Fade Effect
Slide Effect
Animate Effect
Manipulate CSS
Width and Height
.addClass()
.after()
.animate()
.append()
.appendTo()
.attr()
.before()
.bind() (deprecated)
.blur()
.change()
.click()
.clone()
.css()
.dblclick()
.delay()
.delegate() and .undelegate() (deprecated)
.detach()
.empty()
.end()
.error() (deprecated)
.fadeIn()
.fadeOut()
.fadeTo()
.fadeToggle()
.finish()
.focus()
.focusIn()
.focusOut()
.hasClass()
.height()
.hide()
.hover()
.html()
.innerHeight()
.innerWidth()
.insertAfter()
.insertBefore()
.keypress()
.keyup()
.live() and .die() (deprecated)
.load() (deprecated)
.mousedown()
.mouseenter()
.mouseleave()
.mousemove()
.mouseout()
.mouseover()
.mouseup()
.off()
.offset()
.offsetParent()
.on()
.one()
.outerHeight()
.outerWidth()
.position()
.prepend()
.prependTo()
.prop()
.proxy()
.queue()
.ready()
.remove()
.removeAttr()
.removeClass()
.removeProp()
.replaceAll()
.replaceWith()
.resize()
.scroll()
.scrollLeft()
.scrollTop()
.show()
.slideDown()
.slideToggle()
.slideUp()
.stop()
.submit()
.text()
.toggle()
.toggleClass()
.trigger()
.triggerHandler()
.unbind() (deprecated)
.unload() (deprecated)
.unwrap()
.val()
.width()
.wrap()
Event Properties
event.currentTarget
event.preventDefault()
event.relatedTarget
event.stopImmediatePropagation()
event.stopPropagation()
event.target
event.timeStamp
event.type
event.which
jQuery .find()
jQuery .keydown()
jQuery.noConflict()
pageY and pageX