# Window: languagechange event



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

## Syntax

Use the event name in [addEventListener()](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget%2FaddEventListener):

```js-nolint
addEventListener("languagechange", (event) => { })
```

Alternatively, assign to the [event handler property](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Events#using_onevent_properties) of the interface:

```js-nolint
onlanguagechange = (event) => { }
```

## Event type

A generic [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event).

## Event handler aliases

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

- [HTMLBodyElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLBodyElement)
- [HTMLFrameSetElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFrameSetElement)
- [SVGSVGElement](https://developer.mozilla.org/en-US/docs/Web/API/SVGSVGElement)

## Examples

You can use the `languagechange` event in an [addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget%2FaddEventListener) method:

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

Or use the `onlanguagechange` event handler property (but note that this replaces other event listeners added using `onlanguagechange`, if any):

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

## Specifications

## Browser compatibility

## See also

- [navigator.language](https://developer.mozilla.org/en-US/docs/Web/API/navigator/language)
- [navigator.languages](https://developer.mozilla.org/en-US/docs/Web/API/navigator/languages)
- [navigator](https://developer.mozilla.org/en-US/docs/Web/API/navigator)