HTML | DOM onabort 事件

onabort 事件是 Web 开发中的一个 HTML DOM 事件，它在图像加载被中断时触发。当加载图片或其他资源时，如果用户中断了加载过程，例如在图片加载期间点击了停止按钮，那么 onabort 事件将被触发。

语法

```javascript
element.onabort = function(){ myScript };

## 示例
```markdown
```html
<img src="image.jpg" onabort="alert('Image loading was aborted');">

## 事件属性
当 `onabort` 事件被触发时，对应的处理函数将执行并得到以下事件属性：

- `bubbles`：返回布尔值 `true`，表示事件是否冒泡。
- `cancelable`：返回布尔值 `false`，表示事件是否可以取消默认行为。
- `currentTarget`：事件当前所在的 `EventTarget`。
- `defaultPrevented`：返回布尔值 `false`，表示事件的默认行为没有被取消。
- `target`：事件的目标对象。
- `timeStamp`：事件发生的时间戳。
- `type`：返回字符串 `"abort"`，表示事件类型为 `abort`。

## 更新 DOM 元素
`onabort` 事件可以用于更新 DOM 元素，比如展示一个替代的图像或者显示一个错误消息。

```markdown
```html
<img id="myImage" src="image.jpg" onabort="loadError()">

function loadError() {
  document.getElementById("myImage").src = "error.jpg";
}

## 取消事件的默认行为
在 `onabort` 事件中，你也可以取消默认行为，以阻止触发其他事件或浏览器动作。

```markdown
```html
<img onabort="event.preventDefault(); alert('Image loading aborted');">

## 浏览器兼容性
`onabort` 事件在所有主流浏览器（Chrome，Firefox，Safari，Opera，Internet Explorer）中都得到支持。

## 结论
`onabort` 事件提供了一种处理图像加载中断的机制。通过在图像元素上设置 `onabort` 事件处理函数，可以实现错误处理和 DOM 更新等功能。