Code has been added to clipboard!

The Usage of Now Deprecated jQuery .unload() Function

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

jQuery unload: Main Tips

  • jQuery .unload() was one of the event methods used for working with event handlers.
  • It attached a function to run when a jQuery window unload event occured.
  • This method was removed in jQuery 3.0 version.

Syntax and Usage of .unload()

The .unload() jQuery method binds a function to a jQuery window unload event.

Example
$(window).unload(() => {
    alert("See you next time!");
});

Note: jQuery .unload() was only used on window elements.

The syntax for .unload()() method is as follows:

$("selector").unload(function);

To trigger jQuery window.unload event, these actions had to be done:

  • Typing a URL in the address bar, and pressing ENTER.
  • Using the FORWARD or BACK buttons.
  • Navigating to another link.
  • Reloading the page.
  • Closing the window, or the tab of the browser.

Note: the jQuery .unload() method was deprecated in jQuery version 1.8 and removed in 3.0.

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