选中文字内容后,出现弹出框,弹出框里有标注,修改,删除, 点击标注,会出现抽屉,选中文字内容会到抽屉中的容器中,抽屉中有标注完成按钮,点击完成,抽屉关闭且选中文字内容颜色变为蓝色。

需求:选中文字内容后,出现弹出框,弹出框里有标注,修改,删除,
点击标注,会出现抽屉(以上需求已完成),选中文字内容会到抽屉中的容器中,抽屉中有标注完成按钮,点击完成,抽屉关闭且选中文字内容颜色变为蓝色。
很像csdn中选中文字出现弹出框,且点击评论会出现抽屉

img

尝试使用内容选中事件onselect,然后去添加一个弹出框,即类似右键菜单在鼠标的选中位置,关于这个弹出框可以做成组件,是一个不错的想法与挑战,可以试试;https://www.w3school.com.cn/jsref/event_onselect.asp