web api event
HTMLCanvasElement: webglcontextlost event
The webglcontextlost event of the WebGL API is fired if the user agent detects that the drawing buffer associated with a WebGLRenderingContext object has been lost.
This event does not bubble.
Syntax
Use the event name in methods like addEventListener(), or set an event handler property.
addEventListener("webglcontextlost", (event) => { })
onwebglcontextlost = (event) => { }
Event type
A WebGLContextEvent. Inherits from Event.
Example
With the help of the WEBGL_lose_context extension, you can simulate the webglcontextlost event:
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
canvas.addEventListener("webglcontextlost", (event) => {
console.log(event);
});
gl.getExtension("WEBGL_lose_context").loseContext();
// "webglcontextlost" event is logged.
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.