Thelanguagechange event is fired at the global scope object when the user's preferred language changes.

Syntax

Use the event name in methods likeaddEventListener(), or set an event handler property.

addEventListener("languagechange", (event) => { })onlanguagechange = (event) => { }

Event type

A genericEvent.

Event handler aliases

In addition to theWindow interface, the event handler propertyonlanguagechange is also available on the following targets:

• HTMLBodyElement
• HTMLFrameSetElement
• SVGSVGElement

Examples

You can use thelanguagechange event in anaddEventListener method:

window.addEventListener("languagechange", () => {  console.log("languagechange event detected!");});

Or use theonlanguagechange event handler property:

window.onlanguagechange = (event) => {  console.log("languagechange event detected!");};

Specifications

Browser compatibility

See also

• navigator.language
• navigator.languages
• navigator