reactjs中如何实现可操作的tooltip？
站长
· 阅读数 8
需求：在页面上鼠标移动到某个元素上，在元素的旁边显示tooltip展示此元素的一些信息，tooltip上有操作按钮可点击
问题：当鼠标移动到元素上时，我获取到当前鼠标的位置，然后设置tooltip的位置（例子中暂且写死），并将tooptip的display由none设为block，当鼠标移出元素时，照理说应该隐藏tooltip，但是我希望鼠标能同时移动到tooltip上做操作，当鼠标不在元素以及tooltip上时，tooltip消失，请问如何实现呢？（不使用库或者插件）
回复
1个回答
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容