需求:在页面上鼠标移动到某个元素上,在元素的旁边显示tooltip展示此元素的一些信息,tooltip上有操作按钮可点击
问题:当鼠标移动到元素上时,我获取到当前鼠标的位置,然后设置tooltip的位置(例子中暂且写死),并将tooptip的display由none设为block,当鼠标移出元素时,照理说应该隐藏tooltip,但是我希望鼠标能同时移动到tooltip上做操作,当鼠标不在元素以及tooltip上时,tooltip消失,请问如何实现呢?(不使用库或者插件)
需求:在页面上鼠标移动到某个元素上,在元素的旁边显示tooltip展示此元素的一些信息,tooltip上有操作按钮可点击
问题:当鼠标移动到元素上时,我获取到当前鼠标的位置,然后设置tooltip的位置(例子中暂且写死),并将tooptip的display由none设为block,当鼠标移出元素时,照理说应该隐藏tooltip,但是我希望鼠标能同时移动到tooltip上做操作,当鼠标不在元素以及tooltip上时,tooltip消失,请问如何实现呢?(不使用库或者插件)
4 回答1.6k 阅读
2 回答1k 阅读✓ 已解决
2 回答2.5k 阅读
1 回答899 阅读✓ 已解决
1 回答639 阅读✓ 已解决
2 回答787 阅读✓ 已解决
2 回答935 阅读
隐藏时不要立马隐藏,延迟一会,当鼠标进入tip时clear掉。
https://codesandbox.io/embed/...