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

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

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

A generic Event.

In addition to the Window interface, the event handler property onlanguagechange is also available on the following targets:

• HTMLBodyElement
• HTMLFrameSetElement
• SVGSVGElement

You can use the languagechange event in an addEventListener method:

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

Or use the onlanguagechange event handler property:

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

• navigator.language
• navigator.languages
• navigator