鼠标点击编辑器任意位置
会出现【光标】
光标一闪一闪的
希望光标不再闪烁，就是一个竖线
/* 停止光标闪烁* /
.protyle-content {
caret-color: transparent !important; / 隐藏光标 /
animation: none !important; / 禁用闪烁动画 */
}
这是 gemini2.5 写的代码
只能让光标隐藏
光标停止闪烁
相关帖子
-
- 其他回帖
-
-
suxiang999 •付费者 作者
// --- 光标显隐控制：基于鼠标按住时长 --- (function() { if (window.caretVisibilityByHoldInitialized) { return; } window.caretVisibilityByHoldInitialized = true; const HOLD_DURATION_THRESHOLD_MS = 400; // 0.6秒 const HIDE_CARET_CLASS = 'custom-hide-caret-on-short-hold'; // 新的类名，避免与之前冲突 let mouseDownTimestamp = 0; let holdTimer = null; // 用于 mousedown 后超过阈值自动显示光标的定时器 let editorTarget = null; // 记录 mousedown 发生时的可编辑目标 // --- 添加 CSS 规则 --- const styleElement = document.createElement('style'); styleElement.textContent = ` body.${HIDE_CARET_CLASS} .protyle-wysiwyg div[contenteditable="true"], body.${HIDE_CARET_CLASS} .protyle-title__input, body.${HIDE_CARET_CLASS} textarea.b3-text-field { caret-color: transparent !important; } `; document.head.appendChild(styleElement); // --- // 监听整个文档的 mousedown，以捕获所有可能的编辑器点击 document.addEventListener('mousedown', function(event) { // 只处理鼠标左键 if (event.button !== 0) { return; } // 检查点击目标是否在我们关心的可编辑区域内 const target = event.target.closest('div[contenteditable="true"], .protyle-title__input, textarea.b3-text-field'); if (!target) { // 如果点击在非编辑区域，我们可能希望光标恢复显示（如果之前是隐藏的） // document.body.classList.remove(HIDE_CARET_CLASS); // 可选：点击非编辑区恢复光标 mouseDownTimestamp = 0; // 重置时间戳 clearTimeout(holdTimer); // 清除可能存在的定时器 editorTarget = null; return; } editorTarget = target; // 记录当前操作的编辑器目标 mouseDownTimestamp = Date.now(); // console.log("Mousedown at", mouseDownTimestamp); // 清除上一个可能存在的长按定时器 clearTimeout(holdTimer); // 设置一个定时器，如果0.6秒后鼠标仍未松开，则显示光标 holdTimer = setTimeout(function() { // console.log("Hold duration exceeded threshold - showing caret."); document.body.classList.remove(HIDE_CARET_CLASS); // 此时鼠标仍然是按下的，所以光标应该已经出现并开始闪烁 // 如果需要，可以在这里强制刷新光标状态，但通常浏览器会自动处理 }, HOLD_DURATION_THRESHOLD_MS); }, true); // 使用捕获阶段 document.addEventListener('mouseup', function(event) { if (event.button !== 0 || !editorTarget) { // 确保有对应的 editorTarget return; } // 清除长按显示光标的定时器，因为鼠标已经松开了 clearTimeout(holdTimer); holdTimer = null; if (mouseDownTimestamp === 0) { // 如果没有有效的 mousedown 事件记录 return; } const mouseUpTimestamp = Date.now(); const pressDuration = mouseUpTimestamp - mouseDownTimestamp; // console.log("Mouseup at", mouseUpTimestamp, "Duration:", pressDuration); if (pressDuration <= HOLD_DURATION_THRESHOLD_MS) { // console.log("Press duration within threshold - hiding caret."); document.body.classList.add(HIDE_CARET_CLASS); } else { // 如果按住时间超过了阈值，在mousedown的定时器里已经处理了显示光标的逻辑 // 或者如果定时器没来得及触发（例如，按住0.7秒松开），这里也确保光标是显示的 // console.log("Press duration exceeded threshold (mouseup) - ensuring caret is shown."); document.body.classList.remove(HIDE_CARET_CLASS); } mouseDownTimestamp = 0; // 重置时间戳，为下一次操作做准备 editorTarget = null; // 清理目标 }, true); // 使用捕获阶段 console.log("光标按住时长控制脚本已初始化 (阈值: " + HOLD_DURATION_THRESHOLD_MS + "ms)。"); })();换了个思路，当鼠标按住超过 400 毫秒，显示光标，只是单击就隐藏
看到闪烁就难受的强迫症患者终于得到治疗
道爷我成了，我成啦
1 回复 - 查看全部回帖
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于