我已经想出了如何让 div 跟随鼠标，但是当 div 靠近浏览器窗口边缘时如何让它重新定位？
例如，在 YouTube 上，如果您将鼠标悬停在视频制作者名称上，该 div 将始终保留在浏览器中并且永远不会离开屏幕。
Click here ，将鼠标悬停在 Lindsey Stirling 上并调整浏览器大小几次以获取实例。
有人知道怎么做吗？
最佳答案
使用“标题”属性。这个例子应该可以正常工作。 http://jsfiddle.net/8vj3k7zo/
<div title="no, I am 100% serious, please look at me! Oh, and try resizing the browser window.">This is some test text look at me!!!"</div>
当然，您无法设置标题工具提示的样式，因为它是 native 浏览器实现的一部分。如果您想让样式化 div 越过浏览器边缘进行查看，则无法做到这一点。
另一方面，如果您想确保当鼠标靠近边缘(而不是部分超出窗口边界)时，整个自定义 CSS 工具提示始终位于浏览器内部，请查看这个优秀的库:https://github.com/HubSpot/tooltip
关于javascript - Div 跟随鼠标并避开浏览器边界，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27255375/