有哪些 JS 事件不进行冒泡传递

在 JavaScript 编程中，事件冒泡是一个重要的概念，它允许事件从触发元素开始，向上逐层传递到 DOM 树的父元素。不过，并非所有的 JS 事件都会进行冒泡传递。了解哪些事件不冒泡，对于精确控制事件的传播和处理逻辑至关重要。

blur 事件是不会进行冒泡传递的。当元素失去焦点时会触发 blur 事件，比如用户从一个输入框切换到其他元素。这个事件仅在失去焦点的元素本身触发，不会向上传播到父元素。假设页面中有一个包含多个输入框的表单，当某个输入框失去焦点触发 blur 事件时，该事件不会传递到表单元素或更高层的 DOM 节点，这就避免了不必要的事件处理干扰。

focus 事件同样不冒泡。当元素获得焦点时触发此事件，它的作用范围也局限于获得焦点的元素自身。例如，当用户点击一个按钮使其获得焦点，只有该按钮会触发 focus 事件，不会传递到按钮的父容器或页面的其他部分。

load 事件也属于不冒泡的事件。当一个资源（比如图片、脚本等）加载完成时，会在该资源对应的元素上触发 load 事件。例如，一张图片加载完成，load 事件只会在该图片元素上触发，不会传播到包含该图片的父元素。这确保了每个资源的加载状态可以独立处理，不会因为事件冒泡导致的重复处理或错误处理。

unload 事件同样不进行冒泡传递。当页面或框架被卸载时，会在窗口或框架元素上触发 unload 事件，它不会传播到页面中的其他元素。这为开发者提供了一个在页面卸载前进行特定清理或提示的机会，且不会干扰到其他元素的事件处理。

在实际开发中，清楚这些不冒泡的 JS 事件，能够更有效地编写代码，精准地控制事件的触发范围，提高代码的稳定性和可维护性。无论是处理用户交互、资源加载还是页面生命周期相关的操作，对这些事件特性的掌握都能让开发者更加得心应手。