Window

{{APIRef("HTML DOM")}}

The Window interface represents a window containing a {{glossary("DOM")}}DOM document; the document property points to the DOM document loaded in that window.

A window for a given document can be obtained using the {{domxref("document.defaultView")}}defaultView property.

A global variable, window, representing the window in which the script is running, is exposed to JavaScript code.

The Window interface is home to a variety of functions, namespaces, objects, and constructors which are not necessarily directly associated with the concept of a user interface window. However, the Window interface is a suitable place to include these items that need to be globally available. Many of these are documented in the JavaScript Reference and the DOM Reference.

In a tabbed browser, each tab is represented by its own Window object; the global window seen by JavaScript code running within a given tab always represents the tab in which the code is running. That said, even in a tabbed browser, some properties and methods still apply to the overall window that contains the tab, such as {{Domxref("Window.resizeTo", "resizeTo()")}} and {{Domxref("Window.innerHeight", "innerHeight")}}innerHeight. Generally, anything that can't reasonably pertain to a tab pertains to the window instead.

{{InheritanceDiagram}}

Instance properties

This interface inherits properties from the {{domxref("EventTarget")}}EventTarget interface.

Note that properties which are objects (e.g., for overriding the prototype of built-in elements) are listed in a separate section below.

• {{domxref("Window.caches")}} {{ReadOnlyInline}} {{SecureContext_Inline}}caches
  • : Returns the {{domxref("CacheStorage")}}CacheStorage object associated with the current context. This object enables functionality such as storing assets for offline use, and generating custom responses to requests.
• {{domxref("Window.navigator", "Window.clientInformation")}} {{ReadOnlyInline}}clientInformation
  • : An alias for {{domxref("Window.navigator")}}navigator.
• {{domxref("Window.closed")}} {{ReadOnlyInline}}closed
  • : This property indicates whether the current window is closed or not.
• {{domxref("Window.cookieStore")}} {{ReadOnlyInline}} {{SecureContext_Inline}}cookieStore
  • : Returns a reference to the {{domxref("CookieStore")}}CookieStore object for the current document context.
• {{domxref("Window.crashReport")}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{experimental_inline}}crashReport
  • : Returns a {{domxref("CrashReportContext")}}CrashReportContext object that enables arbitrary data to be recorded for the current top-level browsing context, which is then added to a {{domxref("CrashReport")}}CrashReport and sent to a reporting endpoint when a browser crash occurs.
• {{domxref("Window.credentialless")}} {{ReadOnlyInline}} {{Experimental_Inline}}credentialless
  • : Returns a boolean that indicates whether the current document was loaded inside a credentialless {{htmlelement("iframe")}}iframe. See IFrame credentialless for more details.
• {{domxref("Window.crossOriginIsolated")}} {{ReadOnlyInline}}crossOriginIsolated
  • : Returns a boolean value that indicates whether the website is in a cross-origin isolation state.
• {{domxref("Window.crypto")}} {{ReadOnlyInline}}crypto
  • : Returns the {{domxref("Crypto")}}Crypto object associated to the global object.
• {{domxref("Window.customElements")}} {{ReadOnlyInline}}customElements
  • : Returns a reference to the {{domxref("CustomElementRegistry")}}CustomElementRegistry object, which can be used to register new custom elements and get information about previously registered custom elements.
• {{domxref("Window.devicePixelRatio")}} {{ReadOnlyInline}}devicePixelRatio
  • : Returns the ratio between physical pixels and device independent pixels in the current display.
• {{domxref("Window.document")}} {{ReadOnlyInline}}document
  • : Returns a reference to the document that the window contains.
• {{domxref("Window.documentPictureInPicture")}} {{ReadOnlyInline}} {{SecureContext_Inline}}documentPictureInPicture
  • : Returns a reference to the document Picture-in-Picture window for the current document context.
• {{domxref("Window.fence")}} {{ReadOnlyInline}} {{deprecated_inline}}fence
  • : Returns a {{domxref("Fence")}}Fence object instance for the current document context. Available only to documents embedded inside a {{htmlelement("fencedframe")}}fencedframe.
• {{domxref("Window.frameElement")}} {{ReadOnlyInline}}frameElement
  • : Returns the element in which the window is embedded, or null if the window is not embedded.
• {{domxref("Window.frames")}} {{ReadOnlyInline}}frames
  • : Returns an array of the subframes in the current window.
• {{domxref("Window.fullScreen")}} {{Non-standard_Inline}}fullScreen
  • : This property indicates whether the window is displayed in full screen or not.
• {{domxref("Window.history")}} {{ReadOnlyInline}}history
  • : Returns a reference to the history object.
• {{domxref("Window.indexedDB")}} {{ReadOnlyInline}}indexedDB
  • : Provides a mechanism for applications to asynchronously access capabilities of indexed databases; returns an {{domxref("IDBFactory")}}IDBFactory object.
• {{domxref("Window.innerHeight")}} {{ReadOnlyInline}}innerHeight
  • : Gets the height of the content area of the browser window including, if rendered, the horizontal scrollbar.
• {{domxref("Window.innerWidth")}} {{ReadOnlyInline}}innerWidth
  • : Gets the width of the content area of the browser window including, if rendered, the vertical scrollbar.
• {{domxref("Window.isSecureContext")}} {{ReadOnlyInline}}isSecureContext
  • : Returns a boolean indicating whether the current context is secure (true) or not (false).
• {{domxref("Window.launchQueue")}} {{ReadOnlyInline}} {{Experimental_Inline}}launchQueue
  • : When a progressive web app (PWA) is launched with a launch_handler client_mode value of focus-existing, navigate-new, or navigate-existing, the launchQueue provides access to the {{domxref("LaunchQueue")}}LaunchQueue class, which allows custom launch navigation handling to be implemented for the PWA.
• {{domxref("Window.length")}} {{ReadOnlyInline}}length
  • : Returns the number of frames in the window. See also {{domxref("window.frames")}}frames.
• {{domxref("Window.localStorage")}} {{ReadOnlyInline}}localStorage
  • : Returns a reference to the local storage object used to store data that may only be accessed by the origin that created it.
• {{domxref("Window.location")}}location
  • : Gets/sets the location, or current URL, of the window object.
• {{domxref("Window.locationbar")}} {{ReadOnlyInline}}locationbar
  • : Returns the locationbar object.
• {{domxref("Window.menubar")}} {{ReadOnlyInline}}menubar
  • : Returns the menubar object.
• {{domxref("Window.mozInnerScreenX")}} {{ReadOnlyInline}} {{Non-standard_Inline}}mozInnerScreenX
  • : Returns the horizontal (X) coordinate of the top-left corner of the window's viewport, in screen coordinates. This value is reported in CSS pixels. See mozScreenPixelsPerCSSPixel in nsIDOMWindowUtils for a conversion factor to adapt to screen pixels if needed.
• {{domxref("Window.mozInnerScreenY")}} {{ReadOnlyInline}} {{Non-standard_Inline}}mozInnerScreenY
  • : Returns the vertical (Y) coordinate of the top-left corner of the window's viewport, in screen coordinates. This value is reported in CSS pixels. See mozScreenPixelsPerCSSPixel for a conversion factor to adapt to screen pixels if needed.
• {{domxref("Window.name")}}name
  • : Gets/sets the name of the window.
• {{domxref("Window.navigation")}} {{ReadOnlyInline}}navigation
  • : Returns the current window's associated {{domxref("Navigation")}}Navigation object. The entry point for the Navigation API.
• {{domxref("Window.navigator")}} {{ReadOnlyInline}}navigator
  • : Returns a reference to the navigator object.
• {{domxref("Window.opener")}}opener
  • : Returns a reference to the window that opened this current window.
• {{domxref("Window.origin")}} {{ReadOnlyInline}}origin
  • : Returns the global object's origin, serialized as a string.
• {{domxref("Window.originAgentCluster")}} {{ReadOnlyInline}}originAgentCluster
  • : Returns true if this window belongs to an origin-keyed agent cluster.
• {{domxref("Window.outerHeight")}} {{ReadOnlyInline}}outerHeight
  • : Gets the height of the outside of the browser window.
• {{domxref("Window.outerWidth")}} {{ReadOnlyInline}}outerWidth
  • : Gets the width of the outside of the browser window.
• {{domxref("Window.scrollX","Window.pageXOffset")}} {{ReadOnlyInline}}pageXOffset
  • : An alias for {{domxref("window.scrollX")}}scrollX.
• {{domxref("Window.scrollY","Window.pageYOffset")}} {{ReadOnlyInline}}pageYOffset
  • : An alias for {{domxref("window.scrollY")}}scrollY.
• {{domxref("Window.parent")}} {{ReadOnlyInline}}parent
  • : Returns a reference to the parent of the current window or subframe.
• {{domxref("Window.performance")}} {{ReadOnlyInline}}performance
  • : Returns a {{domxref("Performance")}}Performance object, which includes the {{domxref("Performance.timing", "timing")}}timing and {{domxref("Performance.navigation", "navigation")}}navigation attributes, each of which is an object providing performance-related data. See also Using Navigation Timing for additional information and examples.
• {{domxref("Window.personalbar")}} {{ReadOnlyInline}}personalbar
  • : Returns the personalbar object.
• {{domxref("Window.scheduler")}} {{ReadOnlyInline}}scheduler
  • : Returns the {{domxref("Scheduler")}}Scheduler object associated with the current context. This is the entry point for using the Prioritized Task Scheduling API.
• {{domxref("Window.screen")}} {{ReadOnlyInline}}screen
  • : Returns a reference to the screen object associated with the window.
• {{domxref("Window.screenX")}}screenX and {{domxref("Window.screenLeft")}} {{ReadOnlyInline}}screenLeft
  • : Both properties return the horizontal distance from the left border of the user's browser window to the left side of the screen.
• {{domxref("Window.screenY")}}screenY and {{domxref("Window.screenTop")}} {{ReadOnlyInline}}screenTop
  • : Both properties return the vertical distance from the top border of the user's browser window to the top side of the screen.
• {{domxref("Window.scrollbars")}} {{ReadOnlyInline}}scrollbars
  • : Returns the scrollbars object.
• {{domxref("Window.scrollMaxX")}} {{Non-standard_Inline}} {{ReadOnlyInline}}scrollMaxX
  • : The maximum offset that the window can be scrolled to horizontally, that is the document width minus the viewport width.
• {{domxref("Window.scrollMaxY")}} {{Non-standard_Inline}} {{ReadOnlyInline}}scrollMaxY
  • : The maximum offset that the window can be scrolled to vertically (i.e., the document height minus the viewport height).
• {{domxref("Window.scrollX")}} {{ReadOnlyInline}}scrollX
  • : Returns the number of pixels that the document has already been scrolled horizontally.
• {{domxref("Window.scrollY")}} {{ReadOnlyInline}}scrollY
  • : Returns the number of pixels that the document has already been scrolled vertically.
• {{domxref("Window.self")}} {{ReadOnlyInline}}self
  • : Returns an object reference to the window object itself.
• {{domxref("Window.sessionStorage")}} {{ReadOnlyInline}}sessionStorage
  • : Returns a reference to the session storage object used to store data that may only be accessed by the origin that created it.
• {{domxref("Window.sharedStorage")}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{deprecated_inline}} {{non-standard_inline}}sharedStorage
  • : Returns the {{domxref("WindowSharedStorage")}}WindowSharedStorage object for the current origin. This is the main entry point for writing data to shared storage using the Shared Storage API.
• {{domxref("Window.speechSynthesis")}} {{ReadOnlyInline}}speechSynthesis
  • : Returns a {{domxref("SpeechSynthesis")}}SpeechSynthesis object, which is the entry point into using Web Speech API speech synthesis functionality.
• {{domxref("Window.statusbar")}} {{ReadOnlyInline}}statusbar
  • : Returns the statusbar object.
• {{domxref("Window.toolbar")}} {{ReadOnlyInline}}toolbar
  • : Returns the toolbar object.
• {{domxref("Window.top")}} {{ReadOnlyInline}}top
  • : Returns a reference to the topmost window in the window hierarchy. This property is read only.
• {{domxref("Window.trustedTypes")}} {{ReadOnlyInline}}trustedTypes
  • : Returns the {{domxref("TrustedTypePolicyFactory")}}TrustedTypePolicyFactory object associated with the global object, providing the entry point for using the {{domxref("Trusted Types API", "", "", "nocode")}}API.
• {{domxref("Window.viewport")}} {{Experimental_inline}} {{ReadOnlyInline}}viewport
  • : Returns a {{domxref("Viewport")}}Viewport object instance, which provides information about the current state of the device's viewport.
• {{domxref("Window.visualViewport")}} {{ReadOnlyInline}}visualViewport
  • : Returns a {{domxref("VisualViewport")}}VisualViewport object which represents the visual viewport for a given window.
• {{domxref("Window.window")}} {{ReadOnlyInline}}window
  • : Returns a reference to the current window.
• window[0], window[1], etc.
  • : Returns a reference to the window object in the frames. See {{domxref("Window.frames")}}frames for more details.
• Named properties

  • : Some elements in the document are also exposed as window properties:

    • For each {{HTMLElement("embed")}}embed, {{HTMLElement("form")}}form, {{HTMLElement("iframe")}}iframe, {{HTMLElement("img")}}img, and {{HTMLElement("object")}}object element, its name (if non-empty) is exposed. For example, if the document contains <form name="my_form">, then window["my_form"] (and its equivalent window.my_form) returns a reference to that element.
    • For each HTML element, its id (if non-empty) is exposed.

    If a property corresponds to a single element, that element is directly returned. If the property corresponds to multiple elements, then an {{domxref("HTMLCollection")}}HTMLCollection is returned containing all of them. If any of the elements is a navigable <iframe> or <object>, then the {{domxref("HTMLIFrameElement/contentWindow", "contentWindow")}}contentWindow of first such iframe is returned instead.

Deprecated properties

• {{domxref("Window.event")}} {{Deprecated_Inline}} {{ReadOnlyInline}}event
  • : Returns the current event, which is the event currently being handled by the JavaScript code's context, or undefined if no event is currently being handled. The {{domxref("Event")}}Event object passed directly to event handlers should be used instead whenever possible.
• {{domxref("Window.external")}} {{Deprecated_Inline}} {{ReadOnlyInline}}external
  • : Returns an object with functions for adding external search providers to the browser.
• {{domxref("Window.orientation")}} {{Deprecated_Inline}} {{ReadOnlyInline}}orientation
  • : Returns the orientation in degrees (in 90 degree increments) of the viewport relative to the device's natural orientation.
• {{domxref("Window.status")}} {{Deprecated_Inline}}status
  • : Gets/sets the text in the statusbar at the bottom of the browser.

Instance methods

This interface inherits methods from the {{domxref("EventTarget")}}EventTarget interface.

• {{domxref("Window.atob()")}}
  • : Decodes a string of data which has been encoded using base-64 encoding.
• {{domxref("Window.alert()")}}
  • : Displays an alert dialog.
• {{domxref("Window.blur()")}} {{deprecated_inline}}
  • : Sets focus away from the window.
• {{domxref("Window.btoa()")}}
  • : Creates a base-64 encoded ASCII string from a string of binary data.
• {{domxref("Window.cancelAnimationFrame()")}}
  • : Enables you to cancel a callback previously scheduled with {{domxref("Window.requestAnimationFrame")}}requestAnimationFrame.
• {{domxref("Window.cancelIdleCallback()")}}
  • : Enables you to cancel a callback previously scheduled with {{domxref("Window.requestIdleCallback")}}requestIdleCallback.
• {{domxref("Window.clearInterval()")}}
  • : Cancels the repeated execution set using {{domxref("Window.setInterval()")}}.
• {{domxref("Window.clearTimeout()")}}
  • : Cancels the delayed execution set using {{domxref("Window.setTimeout()")}}.
• {{domxref("Window.close()")}}
  • : Closes the current window.
• {{domxref("Window.confirm()")}}
  • : Displays a dialog with a message that the user needs to respond to.
• {{domxref("Window.createImageBitmap()")}}
  • : Accepts a variety of different image sources, and returns a {{jsxref("Promise")}}Promise which resolves to an {{domxref("ImageBitmap")}}ImageBitmap. Optionally the source is cropped to the rectangle of pixels originating at (sx, sy) with width sw, and height sh.
• {{domxref("Window.dump()")}} {{Non-standard_Inline}}
  • : Writes a message to the console.
• {{domxref("Window.fetch()")}}
  • : Starts the process of fetching a resource from the network.
• {{domxref("Window.fetchLater()")}} {{experimental_inline}}
  • : Creates a deferred fetch, which is sent once the page is navigated away from (it is destroyed or enters the bfcache), or after a provided activateAfter timeout — whichever comes first.
• {{domxref("Window.find()")}} {{Non-standard_Inline}}
  • : Searches for a given string in a window.
• {{domxref("Window.focus()")}}
  • : Sets focus on the current window.
• {{domxref("Window.getComputedStyle()")}}
  • : Gets computed style for the specified element. Computed style indicates the computed values of all CSS properties of the element.
• {{domxref("Window.getDefaultComputedStyle()")}} {{Non-standard_Inline}}
  • : Gets default computed style for the specified element, ignoring author stylesheets.
• {{domxref("Window.getScreenDetails()")}} {{experimental_inline}} {{securecontext_inline}}
  • : Returns a {{jsxref("Promise")}}Promise that fulfills with a {{domxref("ScreenDetails")}}ScreenDetails object instance representing the details of all the screens available to the user's device.
• {{domxref("Window.getSelection()")}}
  • : Returns the selection object representing the selected item(s).
• {{domxref("Window.matchMedia()")}}
  • : Returns a {{domxref("MediaQueryList")}}MediaQueryList object representing the specified media query string.
• {{domxref("Window.moveBy()")}}
  • : Moves the current window by a specified amount.
• {{domxref("Window.moveTo()")}}
  • : Moves the window to the specified coordinates.
• {{domxref("Window.open()")}}
  • : Opens a new window.
• {{domxref("Window.postMessage()")}}
  • : Provides a secure means for one window to send a string of data to another window, which need not be within the same domain as the first.
• {{domxref("Window.print()")}}
  • : Opens the Print Dialog to print the current document.
• {{domxref("Window.prompt()")}}
  • : Returns the text entered by the user in a prompt dialog.
• {{DOMxRef("Window.queryLocalFonts()")}} {{Experimental_Inline}} {{SecureContext_Inline}}
  • : Returns a {{jsxref("Promise")}}Promise that fulfills with an array of {{domxref("FontData")}}FontData objects representing the font faces available locally.
• {{domxref("Window.queueMicrotask()")}}
  • : Queues a microtask to be executed at a safe time prior to control returning to the browser's event loop.
• {{domxref("Window.reportError()")}}
  • : Reports an error in a script, emulating an unhandled exception.
• {{domxref("Window.requestAnimationFrame()")}}
  • : Tells the browser that an animation is in progress, requesting that the browser schedule a repaint of the window for the next animation frame.
• {{domxref("Window.requestIdleCallback()")}}
  • : Enables the scheduling of tasks during a browser's idle periods.
• {{domxref("Window.requestResize()")}} {{experimental_inline}}
  • : Updates the size information shared by an embedded document with its embedding parent, but only if the embedded document has opted in to sharing its size information.
• {{domxref("Window.resizeBy()")}}
  • : Resizes the current window by a certain amount.
• {{domxref("Window.resizeTo()")}}
  • : Dynamically resizes window.
• {{domxref("Window.scroll()")}}
  • : Scrolls the window to a particular place in the document.
• {{domxref("Window.scrollBy()")}}
  • : Scrolls the document in the window by the given amount.
• {{domxref("Window.scrollByLines()")}} {{Non-standard_Inline}}
  • : Scrolls the document by the given number of lines.
• {{domxref("Window.scrollByPages()")}} {{Non-standard_Inline}}
  • : Scrolls the current document by the specified number of pages.
• {{domxref("Window.scrollTo()")}}
  • : Scrolls to a particular set of coordinates in the document.
• {{domxref("Window.setInterval()")}}
  • : Schedules a function to execute every time a given number of milliseconds elapses.
• {{domxref("Window.setTimeout()")}}
  • : Schedules a function to execute in a given amount of time.
• {{domxref("Window.showDirectoryPicker()")}} {{Experimental_Inline}} {{SecureContext_Inline}}
  • : Displays a directory picker which allows the user to select a directory.
• {{domxref("Window.showOpenFilePicker()")}} {{Experimental_Inline}} {{SecureContext_Inline}}
  • : Shows a file picker that allows a user to select a file or multiple files.
• {{domxref("Window.showSaveFilePicker()")}} {{Experimental_Inline}} {{SecureContext_Inline}}
  • : Shows a file picker that allows a user to save a file.
• {{domxref("Window.sizeToContent()")}} {{Non-standard_Inline}}
  • : Sizes the window according to its content.
• {{domxref("Window.stop()")}}
  • : This method stops window loading.
• {{domxref("Window.structuredClone()")}}
  • : Creates a deep clone of a given value using the structured clone algorithm.

Deprecated methods

• {{domxref("Window.captureEvents()")}} {{Deprecated_Inline}}
  • : Registers the window to capture all events of the specified type.
• {{domxref("Window.clearImmediate()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
  • : Cancels the repeated execution set using setImmediate().
• {{domxref("Window.releaseEvents()")}} {{Deprecated_Inline}}
  • : Releases the window from trapping events of a specific type.
• {{domxref("Window.requestFileSystem()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
  • : Lets a website or app gain access to a sandboxed file system for its own use.
• {{domxref("Window.setImmediate()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
  • : Executes a function after the browser has finished other heavy tasks.
• {{domxref("Window.setResizable()")}}
  • : Does nothing (no-op). Kept for backward compatibility with Netscape 4.x.
• {{domxref("Window.webkitConvertPointFromNodeToPage()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
  • : Transforms a {{domxref("WebKitPoint")}}WebKitPoint from the node's coordinate system to the page's coordinate system.
• {{domxref("Window.webkitConvertPointFromPageToNode()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
  • : Transforms a {{domxref("WebKitPoint")}}WebKitPoint from the page's coordinate system to the node's coordinate system.

Events

Listen to these events using addEventListener() or by assigning an event listener to the oneventname property of this interface. In addition to the events listed below, many events can bubble from the {{domxref("Document")}}Document contained in the window object.

• {{domxref("Window/error_event", "error")}}error
  • : Fired when a resource failed to load, or can't be used. For example, if a script has an execution error or an image can't be found or is invalid.
• {{domxref("Window/languagechange_event", "languagechange")}}languagechange
  • : Fired at the global scope object when the user's preferred language changes.
• {{domxref("Window/resize_event", "resize")}}resize
  • : Fired when the window has been resized.
• {{domxref("Window/storage_event", "storage")}}storage
  • : Fired when a storage area (localStorage or sessionStorage) has been modified in the context of another document.

Connection events

• {{domxref("Window/offline_event", "offline")}}offline
  • : Fired when the browser has lost access to the network and the value of navigator.onLine has switched to false.
• {{domxref("Window/online_event", "online")}}online
  • : Fired when the browser has gained access to the network and the value of navigator.onLine has switched to true.

Device orientation events

• {{domxref("Window.devicemotion_event", "devicemotion")}} {{SecureContext_Inline}}devicemotion
  • : Fired at a regular interval, indicating the amount of physical force of acceleration the device is receiving and the rate of rotation, if available.
• {{domxref("Window.deviceorientation_event", "deviceorientation")}} {{SecureContext_Inline}}deviceorientation
  • : Fired when fresh data is available from the magnetometer orientation sensor about the current orientation of the device as compared to the Earth coordinate frame.
• {{domxref("Window.deviceorientationabsolute_event", "deviceorientationabsolute")}} {{SecureContext_Inline}}deviceorientationabsolute
  • : Fired when fresh data is available from the magnetometer orientation sensor about the current absolute orientation of the device as compared to the Earth coordinate frame.

Focus events

• {{domxref("Window/blur_event", "blur")}}blur
  • : Fired when the window has lost focus.
• {{domxref("Window/focus_event", "focus")}}focus
  • : Fired when the window has gained focus.

Gamepad events

• {{domxref("Window/gamepadconnected_event", "gamepadconnected")}}gamepadconnected
  • : Fired when the browser detects that a gamepad has been connected or the first time a button/axis of the gamepad is used.
• {{domxref("Window/gamepaddisconnected_event", "gamepaddisconnected")}}gamepaddisconnected
  • : Fired when the browser detects that a gamepad has been disconnected.

History events

• {{domxref("Window/hashchange_event", "hashchange")}}hashchange
  • : Fired when the fragment identifier of the URL has changed (the part of the URL beginning with and following the # symbol).
• {{domxref("Window/pagehide_event", "pagehide")}}pagehide
  • : Sent when the browser hides the current document while in the process of switching to displaying in its place a different document from the session's history. This happens, for example, when the user clicks the Back button or when they click the Forward button to move ahead in session history.
• {{domxref("Window.pagereveal_event", "pagereveal")}}pagereveal
  • : Fired when a document is first rendered, either when loading a fresh document from the network or activating a document (either from back/forward cache (bfcache) or prerender).
• {{domxref("Window/pageshow_event", "pageshow")}}pageshow
  • : Sent when the browser makes the document visible due to navigation tasks, including not only when the page is first loaded, but also situations such as the user navigating back to the page after having navigated to another within the same tab.
• {{domxref("Window.pageswap_event", "pageswap")}}pageswap
  • : Fired when a document is about to be unloaded due to a navigation.
• {{domxref("Window/popstate_event", "popstate")}}popstate
  • : Fired when the active history entry changes.

Load & unload events

• {{domxref("Window/beforeunload_event", "beforeunload")}}beforeunload
  • : Fired when the window, the document and its resources are about to be unloaded.
• {{domxref("Window/load_event", "load")}}load
  • : Fired when the whole page has loaded, including all dependent resources such as stylesheets images.
• {{domxref("Window/unload_event", "unload")}}unload
  • : Fired when the document or a child resource is being unloaded.

Manifest events

• {{domxref("Window/appinstalled_event", "appinstalled")}}appinstalled
  • : Fired when the browser has successfully installed a page as an application.
• {{domxref("Window/beforeinstallprompt_event", "beforeinstallprompt")}}beforeinstallprompt
  • : Fired when a user is about to be prompted to install a web application.

Messaging events

• {{domxref("Window/message_event", "message")}}message
  • : Fired when the window receives a message, for example from a call to {{domxref("Window/postMessage", "Window.postMessage()")}} from another browsing context.
• {{domxref("Window/messageerror_event", "messageerror")}}messageerror
  • : Fired when a Window object receives a message that can't be deserialized.

Print events

• {{domxref("Window/afterprint_event", "afterprint")}}afterprint
  • : Fired after the associated document has started printing or the print preview has been closed.
• {{domxref("Window/beforeprint_event", "beforeprint")}}beforeprint
  • : Fired when the associated document is about to be printed or previewed for printing.

Promise rejection events

• {{domxref("Window/rejectionhandled_event", "rejectionhandled")}}rejectionhandled
  • : Sent every time a JavaScript {{jsxref("Promise")}}Promise is rejected, regardless of whether or not there is a handler in place to catch the rejection.
• {{domxref("Window/unhandledrejection_event", "unhandledrejection")}}unhandledrejection
  • : Sent when a JavaScript {{jsxref("Promise")}}Promise is rejected but there is no handler in place to catch the rejection.

Scroll events

• {{domxref("Window/scrollsnapchange_event", "scrollsnapchange")}} {{experimental_inline}}scrollsnapchange
  • : Fired on the scroll container at the end of a scrolling operation when a new scroll snap target has been selected.
• {{domxref("Window/scrollsnapchanging_event", "scrollsnapchanging")}} {{experimental_inline}}scrollsnapchanging
  • : Fired on the scroll container when the browser determines a new scroll snap target is pending, i.e., it will be selected when the current scroll gesture ends.

Deprecated events

• {{domxref("Window/orientationchange_event", "orientationchange")}} {{Deprecated_Inline}}orientationchange
  • : Fired when the orientation of the device has changed.
• {{domxref("Window/vrdisplayactivate_event", "vrdisplayactivate")}} {{Deprecated_Inline}} {{Non-standard_Inline}}vrdisplayactivate
  • : Fired when a display is able to be presented to.
• {{domxref("Window/vrdisplayconnect_event", "vrdisplayconnect")}} {{Deprecated_Inline}} {{Non-standard_Inline}}vrdisplayconnect
  • : Fired when a compatible VR device has been connected to the computer.
• {{domxref("Window/vrdisplaydisconnect_event", "vrdisplaydisconnect")}} {{Deprecated_Inline}} {{Non-standard_Inline}}vrdisplaydisconnect
  • : Fired when a compatible VR device has been disconnected from the computer.
• {{domxref("Window/vrdisplaydeactivate_event", "vrdisplaydeactivate")}} {{Deprecated_Inline}} {{Non-standard_Inline}}vrdisplaydeactivate
  • : Fired when a display can no longer be presented to.
• {{domxref("Window/vrdisplaypresentchange_event", "vrdisplaypresentchange")}} {{Deprecated_Inline}} {{Non-standard_Inline}}vrdisplaypresentchange
  • : Fired when the presenting state of a VR device changes — i.e., goes from presenting to not presenting, or vice versa.

Bubbled events

Not all events that bubble can reach the Window object. Only the following do and can be listened for on the Window object:

• abort
• {{domxref("Element/auxclick_event", "auxclick")}}auxclick
• {{domxref("Element/beforeinput_event", "beforeinput")}}beforeinput
• {{domxref("Element/beforematch_event", "beforematch")}}beforematch
• {{domxref("HTMLElement/beforetoggle_event", "beforetoggle")}}beforetoggle
• cancel
• {{domxref("HTMLMediaElement/canplay_event", "canplay")}}canplay
• {{domxref("HTMLMediaElement/canplaythrough_event", "canplaythrough")}}canplaythrough
• {{domxref("HTMLElement/change_event", "change")}}change
• {{domxref("Element/click_event", "click")}}click
• {{domxref("HTMLDialogElement/close_event", "close")}}close
• {{domxref("HTMLCanvasElement/contextlost_event", "contextlost")}}contextlost
• {{domxref("Element/contextmenu_event", "contextmenu")}}contextmenu
• {{domxref("HTMLCanvasElement/contextrestored_event", "contextrestored")}}contextrestored
• {{domxref("Element/copy_event", "copy")}}copy
• {{domxref("HTMLTrackElement/cuechange_event", "cuechange")}}cuechange
• {{domxref("Element/cut_event", "cut")}}cut
• {{domxref("Element/dblclick_event", "dblclick")}}dblclick
• {{domxref("HTMLElement/drag_event", "drag")}}drag
• {{domxref("HTMLElement/dragend_event", "dragend")}}dragend
• {{domxref("HTMLElement/dragenter_event", "dragenter")}}dragenter
• {{domxref("HTMLElement/dragleave_event", "dragleave")}}dragleave
• {{domxref("HTMLElement/dragover_event", "dragover")}}dragover
• {{domxref("HTMLElement/dragstart_event", "dragstart")}}dragstart
• {{domxref("HTMLElement/drop_event", "drop")}}drop
• {{domxref("HTMLMediaElement/durationchange_event", "durationchange")}}durationchange
• {{domxref("HTMLMediaElement/emptied_event", "emptied")}}emptied
• {{domxref("HTMLMediaElement/ended_event", "ended")}}ended
• {{domxref("HTMLFormElement/formdata_event", "formdata")}}formdata
• {{domxref("Element/input_event", "input")}}input
• {{domxref("HTMLElement/invalid_event", "invalid")}}invalid
• {{domxref("Element/keydown_event", "keydown")}}keydown
• {{domxref("Element/keypress_event", "keypress")}}keypress
• {{domxref("Element/keyup_event", "keyup")}}keyup
• {{domxref("HTMLMediaElement/loadeddata_event", "loadeddata")}}loadeddata
• {{domxref("HTMLMediaElement/loadedmetadata_event", "loadedmetadata")}}loadedmetadata
• {{domxref("HTMLMediaElement/loadstart_event", "loadstart")}}loadstart
• {{domxref("Element/mousedown_event", "mousedown")}}mousedown
• {{domxref("Element/mouseenter_event", "mouseenter")}}mouseenter
• {{domxref("Element/mouseleave_event", "mouseleave")}}mouseleave
• {{domxref("Element/mousemove_event", "mousemove")}}mousemove
• {{domxref("Element/mouseout_event", "mouseout")}}mouseout
• {{domxref("Element/mouseover_event", "mouseover")}}mouseover
• {{domxref("Element/mouseup_event", "mouseup")}}mouseup
• {{domxref("Element/paste_event", "paste")}}paste
• {{domxref("HTMLMediaElement/pause_event", "pause")}}pause
• {{domxref("HTMLMediaElement/play_event", "play")}}play
• {{domxref("HTMLMediaElement/playing_event", "playing")}}playing
• {{domxref("HTMLMediaElement/progress_event", "progress")}}progress
• {{domxref("HTMLMediaElement/ratechange_event", "ratechange")}}ratechange
• {{domxref("HTMLFormElement/reset_event", "reset")}}reset
• {{domxref("Element/scrollend_event", "scrollend")}}scrollend
• {{domxref("Element/securitypolicyviolation_event", "securitypolicyviolation")}}securitypolicyviolation
• {{domxref("HTMLMediaElement/seeked_event", "seeked")}}seeked
• {{domxref("HTMLMediaElement/seeking_event", "seeking")}}seeking
• {{domxref("Element/select_event", "select")}}select
• {{domxref("HTMLSlotElement/slotchange_event", "slotchange")}}slotchange
• {{domxref("HTMLMediaElement/stalled_event", "stalled")}}stalled
• {{domxref("HTMLFormElement/submit_event", "submit")}}submit
• {{domxref("HTMLMediaElement/suspend_event", "suspend")}}suspend
• {{domxref("HTMLMediaElement/timeupdate_event", "timeupdate")}}timeupdate
• {{domxref("HTMLElement/toggle_event", "toggle")}}toggle
• {{domxref("HTMLMediaElement/volumechange_event", "volumechange")}}volumechange
• {{domxref("HTMLMediaElement/waiting_event", "waiting")}}waiting
• {{domxref("Element/wheel_event", "wheel")}}wheel

Interfaces

See DOM Reference.

Listening for events on Window

HTML elements have three ways to listen for events:

• Add an event listener to the element using the {{domxref("EventTarget.addEventListener")}}addEventListener method.
• Assign an event handler to the element's oneventname property in JavaScript.
• Add an on-prefixed attribute to the element in the HTML.

To listen for events on Window objects, in general, you can only use the first two methods, because Window has no corresponding HTML element. However, there's a specific group of events whose listeners can be added to the {{HTMLElement("body")}}body (or the deprecated {{HTMLElement("frameset")}}frameset) element that's owned by the Window's document, using the second or third methods. These events are:

• afterprint
• beforeprint
• beforeunload
• blur
• error
• focus
• hashchange
• languagechange
• load
• message
• messageerror
• offline
• online
• pagehide
• pagereveal
• pageshow
• pageswap
• popstate
• rejectionhandled
• resize
• scroll
• storage
• unhandledrejection
• unload

This means the following are strictly equivalent:

window.onresize = (e) => console.log(e.currentTarget);
document.body.onresize = (e) => console.log(e.currentTarget);

<body onresize="console.log(event.currentTarget)"></body>

In all three cases, you see the Window object logged as currentTarget.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}