View in EnglishAlways switch to English

Window: error event

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

当资源加载失败或无法使用时，会在Window对象触发error事件。例如：script 执行时报错。

Bubbles（支持冒泡）	No
Cancelable（可撤销）	No
Interface（接口）	`Event` or`UIEvent`
Event handler property（事件处理程序属性）	`onerror`

如果它是由用户界面元素生成的，或者是由事件实例生成的，那么此事件是UIEvent实例。

示例

在线示例

HTML

html

<div>  <button type="button">Generate script error</button>  <img /></div><div>  <label>Event log:</label>  <textarea readonly rows="8" cols="30"></textarea></div>

body {  display: grid;  grid-template-areas: "control  log";}.controls {  grid-area: control;  display: flex;  align-items: center;  justify-content: center;}.event-log {  grid-area: log;}.event-log-contents {  resize: none;}label,button {  display: block;}button {  height: 2rem;  margin: 0.5rem;}img {  width: 0;  height: 0;}

JS

const log = document.querySelector(".event-log-contents");window.addEventListener("error", (event) => {  log.textContent = log.textContent + `${event.type}: ${event.message}\n`;  console.log(event);});const scriptError = document.querySelector("#script-error");scriptError.addEventListener("click", () => {  const badCode = "const s;";  eval(badCode);});