你可以尝试在mousemove事件中设置一个定时器,在一定时间内不执行tooltip位置的更新操作,避免过于频繁的变化。例如:

let tooltipTimer = null; tooltip.addEventListener("mousemove", () => { clearTimeout(tooltipTimer); tooltipTimer = setTimeout(() => { // 这里执行tooltip位置的更新操作 }, 50); // 设置一个50毫秒的延迟 });

这样可以让tooltip在移动时不会频繁变化位置,提高用户体验。你可以根据实际情况调整延迟时间。

我现在把代码改成这样:特别是在图像宽或者高大于150px的时候让ToolTip 的位置是这样 tooltipstyleleft = eclientX + 10 + px; tooltipstyletop = eclientY + 10 + px;但我发现移动鼠标的时候这个只显示文本内容的 ToolTip 会闪烁一下到这个位置应该怎么修复这个闪烁的快速变换了位置: let

原文地址: https://www.cveoy.top/t/topic/fr59 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录