标签: Java | DarkFlameMaster's blog

Java

2023 4

// 快速筛选：如果点击的不是按钮，直接返回 var foldBtn = e.target.closest('.fold-button'); if (!foldBtn) return; var container = foldBtn.closest('.code-container'); if (!container) return; // 3. 清理之前的解锁任务 (防抖) if (container.dataset.unlockTimer) { clearTimeout(parseInt(container.dataset.unlockTimer)); container.dataset.unlockTimer = ''; } // 4. 状态检测 var isLocked = container.style.width !== '' && container.style.width !== 'fit-content'; if (!isLocked) { // ================================================= // 场景：准备折叠 (需要计算并锁定宽度) // ================================================= // 寻找内部撑开宽度的核心元素 (优先级：Table > Highlight > Pre) // 使用选择器组一次性查询，提高效率 var innerEl = container.querySelector('table, .highlight, pre'); // 获取父容器当前宽度 (可见宽度) var parentWidth = container.offsetWidth; // 获取内容真实宽度 (包含被卷去的部分) var childWidth = innerEl ? innerEl.scrollWidth : 0; // 取两者最大值，确保能包容内容 // Math.ceil: 向上取整，防止小数误差 // +1: 额外增加 1px 容错空间，防止临界值换行 var realWidth = Math.ceil(Math.max(parentWidth, childWidth)) + 1; // 缓存并锁定 container.dataset.savedWidth = realWidth; container.style.width = realWidth + 'px'; } else { // ================================================= // 场景：准备展开 (需要延时解锁) // ================================================= // 保持锁定 400ms (配合 CSS transition 动画时间) var timerId = setTimeout(function() { container.style.width = ''; }, 400); container.dataset.unlockTimer = timerId; } }, true); // useCapture: true })();