onabort 属性基本只对 <img> 元素可靠有效，因规范未统一定义触发元素且浏览器实现差异大；<video>、<audio> 等应改用 onerror 结合 networkState 判断。
onabort 属性只可靠地监听 <img> 元素的加载中止事件，其他元素（如 <video>、<audio>、<iframe>）不保证触发，也不推荐依赖。
为什么 onabort 基本只对 <img> 有效
规范未统一定义哪些元素应触发 abort 事件，浏览器实现差异大。Chrome、Firefox 对 <video> 的 onabort 几乎不响应；Safari 甚至可能完全忽略该 handler。W3C 文档和 MDN 明确标注其“主要适用于 <img>”。
-
<img>中止加载（比如用户点击浏览器 Stop 按钮、网络中断、资源 404 后被主动放弃）时，onabort会同步触发 -
<input type="image">理论上支持，但实际极少遇到中止场景，兼容性测试中常无响应 -
<video>和<audio>应改用onerror+networkState判断（例如video.networkState === HTMLMediaElement.NETWORK_NO_SOURCE）
onabort 和 onerror 容易混淆的边界
两者触发条件不同，不能互相替代：
-
onabort：仅在“用户或 UA 主动中止加载过程”时触发（如手动取消请求），不是错误响应 -
onerror：在加载失败后触发（如 403/404/500、CORS 拒绝、MIME 类型不匹配），但不区分是否“被中止” - 一个
<img>请求若返回 404，onerror会触发，onabort不会；若用户在 404 返回前就关闭了 tab，则两者都可能不触发——实际以onload/onerror为兜底更稳妥
实际写法与常见陷阱
直接赋值函数最安全，避免用字符串形式（已废弃）；注意它不冒泡，也不能用 addEventListener('abort', ...) 替代（abort 事件不支持 addEventListener 绑定到 <img>）。
const img = document.querySelector('img');
img.onabort = function() {
console.log('图片加载被中止');
this.src = '/fallback.png'; // 可安全替换
};
- 不要写
img.addEventListener('abort', handler)—— 大多数浏览器不支持该事件的监听器注册 - 不要在 Vue/React 组件里靠透传
onabortattribute：框架通常过滤未声明的 prop，且原生onabort不是标准事件名，会被忽略 - 服务端渲染（SSR）环境下，
onabort无意义，它纯客户端行为，且仅在 DOM 加载后才可能触发
真正需要监控媒体加载中断时，<img> 用 onabort 是少数可行路径；其余一律转向 onerror + networkState + readyState 组合判断，别被名字带偏。
