登录 注册

[js] 编辑器自定义光标（支持顺滑光标 / 是否闪烁 / 自定义样式等）

缘起

看到论坛有小伙伴有这样的需求，让 deepseek 写了个。

然后完善了下功能和做了些兼容性。

功能简介

1 支持顺滑光标，可设置是否开启

2 支持是否闪烁光标，可设置是否开启

3 支持自定义光标其他样式，比如高宽，颜色等

4 目前仅支持在编辑器中使用

效果演示

录屏很难录出真实效果，会掉帧，仅供参考

自定义光标样式

参考 [js] 编辑器自定义光标（支持顺滑光标 / 是否闪烁 / 自定义样式等） - wilsons 的回帖

关联帖子

光标停止闪烁

免责声明

虽然光标一般不会引起什么后果，但还是请测试无误后使用，使用前做好备份工作。由此引起的任何后果自负，均与作者与本代码无关。

感谢作者

image.png

代码

👇 打赏后可见（为什么要打赏后可见？主要想通过这种方式统计使用人数及用户需求，以帮助作者分析哪些功能是用户最需要的）

打赏 20 积分后可见
20 积分 • 7 打赏
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    26011 引用 • 107930 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    185 引用 • 1308 回帖
1 引用
光标停止闪烁 • wilsons
3 操作
wilsons 在 2025-06-05 05:52:09 更新了该帖
wilsons 在 2025-05-16 21:21:36 更新了该帖
wilsons 在 2025-05-16 21:02:28 更新了该帖
7 打赏
6 感谢
5 收藏
2 赞同
1 引用
3 操作
18 回帖
12
2
2
2
452 195 5 31 1 220

相关帖子

18 回帖
[js] 编辑器自定义光标（支持顺滑光标 / 是否闪烁 / 自定义样式等）

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • wilsons • • 1
    付费者 捐赠者 作者

    没明白，你说的全屏是 alt+y 全屏吗？

    另外，alt+f 不是进入闪卡吗？

    哪里遮挡了？可否录屏说明？

    我这里显示正常呀，如下

    r151.gif

    1 回复
  • 其他回帖
  • wilsons •
    付费者 捐赠者 作者

    0.0.9

    1. 修复侧边栏拖动时，光标只能临时被隐藏的问题。（0.0.7）
    2. 增加手机版支持开关，如果你的手机端有兼容性问题，可以暂时取消手机端开启。（0.0.7）
    3. 优化拖动时的光标算法。（0.0.8）
    4. 优化光标插入性能。（0.0.9）
    5. 优化滚动性能。（0.0.9.1）

    至此，所有已发现问题均已解决，目前已是最稳定版。

    7 操作
    wilsons 在 2025-05-18 18:52:25 更新了该回帖
    wilsons 在 2025-05-18 15:44:23 更新了该回帖
    wilsons 在 2025-05-18 07:37:50 更新了该回帖
    wilsons 在 2025-05-17 23:45:46 更新了该回帖 wilsons 在 2025-05-17 22:19:01 更新了该回帖 wilsons 在 2025-05-17 22:16:06 更新了该回帖 wilsons 在 2025-05-17 22:10:35 更新了该回帖
  • HanOrz •
    订阅者

    大佬太强了吧！非常好用~

    有一个小问题：在进入全屏模式 Alt+Y 后，光标会不可见，应该是全屏模式下的编辑页面的 z-index 高于光标的 z-index。

    1 回复
    1 操作
    HanOrz 在 2025-06-20 11:43:52 更新了该回帖
  • wilsons • • 1 • 2 评论
    付费者 捐赠者 作者

    0.0.10 已修复

    @Mayrain 用新版本试试。

    @participants 0.0.10 有重大更新和较大的性能提升

    0.0.10 更新内容：

    1. 重构光标获取算法（通过系统 api+marker 双重方案保证性能和兼容性）；
    2. 修复光标在行内公式等特殊情况时定位不准的问题；
    3. 改进光标获取性能；
    4. 改进标签切换等可能出现意外光标情况；
    5. 修改多层滚动条嵌套下的滚动延迟问题（0.0.9.2）；
    2 操作
    wilsons 在 2025-05-20 08:37:15 更新了该回帖
    wilsons 在 2025-05-20 08:35:17 更新了该回帖
    我移动端的光标残留也不出现了
    5kyfkr •
    @5kyfkr 嗯，可能就是意外光标情况，之前 pc 也有这个问题，只不过没发现
    wilsons •
  • 查看全部回帖
wilsons
正在努力开发 wilsons 工具箱中 🛠️ 目前已正式入驻爱发电啦！💖 想催更、提需求？欢迎访问 👉 https://afdian.com/a/wilsons
回帖
1532
 帖子
70
 积分
51873