想做一个类似medium的文字选中浮动菜单也不是件容易的事情。
medium的文字悬浮菜单
大概思路是：
Window.getSelection API，获取用户的文字选取信息。然后利用 getBoundingClientRect 计算菜单的显示位置。折腾了半天，总算没有大的bug了。如果想进一步优化，还需要考虑菜单的方向（类似popper.js那样，例如，如果菜单位置特别靠近屏幕顶端，则菜单朝下方弹出）。
[每日小记-移动端禁止长按弹出菜单及选中文字] 禁用长按选择文字功能
导航栏的一个特点是每个导航菜单都是互斥的，一次只能选中一个，当选中另一个菜单的时候，前一个被选中的菜单会取消选中，...
导航栏的一个特点是每个导航菜单都是互斥的，一次只能选中一个，当选中另一个菜单的时候，前一个被选中的菜单会取消选中，...
最近用到antd的menu导航菜单组件，官网中默认选中菜单功能defaultSelectedKeys只能默认选中已...
1.1. 常用鼠标事件 1.1.1 案例：禁止选中文字和禁止右键菜单 1.1.2 鼠标事件对象 1.1.3 获取鼠...
1、 随便写点你想要的代码 <##> 作用是占位，## 之间可以输入提示文字。 2、选中刚才的代码，右击弹出菜单，...
1、二级菜单name如果相同，选中二级菜单后，其他一级菜单中的二级菜单也会被选中，name要定义不同参数{name...
浮动菜单按钮： BoomMenu ★3479 - 具有炸裂效果的菜单按钮 果冻按钮： JellyToggleBut...
选中文本相关 设置文字选中效果 设置开始截止位置选中 跨段选中 跨段文字特定位置选中 input输入框文字选中
做项目 菜单翻转 选中确定 开机动画
本文标题：文字选中浮动菜单
本文链接：https://www.haomeiwen.com/subject/uliowdtx.html
网友评论