如何处理从零开始开发Web Office套件时，拖动鼠标选中文字的边缘情况？

本文共计1016个文字，预计阅读时间需要5分钟。

这是一个系列博客，旨在最终制作一个基于HTML Canvas、类似微软Office的Web Office套件（包括文档、表格、幻灯片等）。通过自由交流：从零开始，开发一个Web Office套件。

这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。
自由互联：《从零开始, 开发一个 Web Office 套件》系列博客目录
富文本编辑器 Github repo 地址：github.com/zhaokang555/canvas-text-editor
富文本编辑器 在线 Demo：zhaokang555.github.io/canvas-text-editor/

上一节我们初步完成了拖动选中文字的feature，不过还遗留了一些 edge case。这篇文章我们来处理它们。

2. 富文本编辑器 (MVP) 2.21 拖动鼠标选中文字 2.21.3 Fix: Should hide blinking cursor after selecting text

细心地读者会发现：当我们选择完文字之后，应该隐藏掉光标，结果却没有。如下图所示：

现在，我们来修复它:

• 第一步，修改Char：在完成点击字符之后，不要直接调用blinkingCursor.show()来展示光标, 改为调用blinkingCursor.afterClick()。后续的逻辑在blinkingCursor内部处理，由它自己判断自己是否应该显示。