javascript中不会冒泡的事件有哪些?

焦点相关事件‌,这类事件仅作用于获取 / 失去焦点的元素本身,不会向上传播。
focus:元素获得焦点时触发。
blur:元素失去焦点时触发。
注意:它们有对应的冒泡版本 focusin 和 focusout,可替代用于事件委托。
鼠标进入/离开事件‌。
mouseenter:鼠标进入元素时触发。
mouseleave:鼠标离开元素时触发。
对比:mouseover 和 mouseout 会冒泡,而 mouseenter/mouseleave 不会,这使得它们更适合用于精确的鼠标交互监听。

加载与错误事件‌,这类事件绑定在资源相关元素(img/script/link)上,仅触发在自身。

load:资源(如图片、脚本、窗口)加载完成时触发。

unload:页面或资源即将被卸载时触发。

error:资源加载失败时触发(如图片404)。

abort:资源加载被中止时触发(如用户停止图片加载)。

滚动与调整大小事件‌:

scroll:元素滚动时触发。

resize:窗口或元素大小改变时触发。

注意:虽然这些事件不冒泡,但可以通过在捕获阶段(useCapture: true)监听来实现类似委托的效果。

其他特殊事件‌:

readystatechange:文档或元素的 readyState 发生变化时触发(常用于 XMLHttpRequest)。

stop:部分媒体元素播放停止时触发(非标准事件,兼容性有限)。

invalid:表单元素验证失败时触发。

loadstart/loadend:资源加载开始 / 结束(如 XMLHttpRequest、Fetch)。

posted @ 2026-02-28 15:00  口木秋子  阅读(6)  评论(0)    收藏  举报