WebGLContextEvent

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨September 2016⁩.

* Some parts of this feature may have varying levels of support.

Note: This feature is available inWeb Workers.

TheWebGLContextEvent interface is part of theWebGL API and is an interface for an event that is generated in response to a status change to the WebGL rendering context.

Constructor

WebGLContextEvent(): Creates a newWebGLContextEvent object.

Instance properties

This interface inherits properties from its parent interface,Event.

WebGLContextEvent.statusMessage: A read-only property containing additional information about the event.

Instance methods

This interface doesn't define any own methods, but inherits methods from its parent interface,Event.

Examples

With the help of theWEBGL_lose_context extension, you can simulate thewebglcontextlost andwebglcontextrestored events:

const canvas = document.getElementById("canvas");const gl = canvas.getContext("webgl");canvas.addEventListener("webglcontextlost", (e) => {  console.log(e);});gl.getExtension("WEBGL_lose_context").loseContext();// WebGLContextEvent event with type "webglcontextlost" is logged.