HTML onoffline Event Attributes

The onofflineHTML event attribute is a specialized feature in web development that is triggered when a user's device loses internet connectivity. It is part of the online and offline events suite provided by the HTML5 standard to help developers build robust, connectivity-aware applications. This event is commonly used to enhance user experience by detecting and handling offline scenarios gracefully.

Defining HTML onoffline Event Attributes

The onofflineevent is fired on the window object whenever the browser detects a transition from an online to an offline state. It enables developers to monitor the connectivity status of the user's device in real-time and take appropriate actions, such as disabling online features or displaying a notification about the offline state.
This event is closely related to the ononline event, which triggers when the device regains connectivity.

Window Event Attributes

AttributesDescription
onafterprintFires after the document has started printing or the print dialog box has been closed.
onbeforeprintFires before the document is about to be printed.
onbeforeunloadFires when the document is about to be unloaded.
onerrorFires when an error occurs during loading of an external file (e.g., images or scripts).
onhashchangeFires when the anchor part of the URL has changed.
onloadFires when the page has finished loading.
onmessageFires when a message is received through an event source (e.g., WebSocket or iframe).
onofflineFires when the browser starts working offline.
ononlineFires when the browser starts working online.
onpagehideFires when the user navigates away from a webpage.
onpageshowFires when the user navigates to a webpage.
onpopstateFires when the active history entry changes (e.g., when the user clicks the back or forward button).
onresizeFires when the browser window is resized.
onstorageFires when a Web Storage area is updated (e.g., localStorage or sessionStorage).
onunloadFires once a page is unloaded (or the browser window is closed).

Important Notes:

We are currently focusing on showcasing window events, providing valuable insights into their functionality and use cases. In the near future, we plan to expand our resources by introducing a comprehensive guide covering A-to-Z HTML event attributes. This addition will serve as a complete reference for developers at all levels, empowering you to effectively utilize event attributes in your projects. Stay connected for these upcoming enhancements.

HTML AttributesGlobal AttributesEvent Attributes
To view the full list
To view the full list
To view the full list
elements Chrome BrowsersMicrosoft Edge BrowserFirefox BrowsersSafari BrowserOpera Browser
onoffline499415