自定义光标（Custom cursor）跳转链接后失效问题求助

• 检查路由切换后的DOM状态：切换到About/项目页面后，打开浏览器控制台查看DOM树，确认自定义光标元素是否还存在。如果是单页应用，路由切换可能未重新创建光标DOM，导致光标消失。
• 排查事件监听是否丢失：用控制台命令getEventListeners(document)查看鼠标移动、点击等事件是否还绑定在document/body上；也可以在光标脚本的事件回调中添加console.log，切换路由后观察是否还有输出，判断事件是否正常触发。
• 检查CSS样式冲突：查看新页面的全局CSS，确认是否存在body { cursor: default; }这类重置光标的规则；同时检查光标元素的z-index是否被新页面内容覆盖，或者是否有父元素设置了pointer-events: none导致光标无法响应事件。
• 确认脚本执行时机：如果光标初始化逻辑仅在DOMContentLoaded事件中执行，单页应用路由切换不会触发该事件，导致光标未重新初始化。需要将初始化逻辑封装为函数，在路由切换完成后（如路由的afterEach钩子）调用。
• 排查实例管理问题：检查是否存在旧光标实例未销毁的情况，比如路由切换前未移除光标DOM和事件监听，导致新实例创建后逻辑混乱。可在路由切换前添加销毁光标的逻辑。
• 查看控制台错误：切换路由后打开浏览器控制台（F12），检查是否有JS报错（如变量未定义、DOM操作失败），这类错误会直接导致光标脚本停止运行。

内容的提问来源于stack exchange，提问作者Juan Vargas