您可以使用JavaScript做一些非常酷的事情，而开放源代码使工作变得更加轻松。
Premonish是我见过的最酷的库之一，它仅用500字节JavaScript构建。 使用此插件，您可以检测用户鼠标的移动位置并预测他们要移向哪个元素。
这听起来像是一个复杂的想法，但是很容易实现。 且不说这提供了一个机会， 每吨为开发者创造了一些非常酷的效果，如预悬停动画或动态的布局效果 。
另请阅读： 20个具有创新MouseOver效果的网站
首先， 以页面上的元素为目标，并定义当用户移向该元素时该元素的外观 。
所有计算都是在Premonish库的后端进行的，因此您不必担心其背后的数学或逻辑。
相反，您正在寻找一种基于用户行为的置信度排名处理预测的方法。 这都是传递给JavaScript的，因此您可以编写自己的函数来处理用户行为 。
以下是Premonish演示中的示例片段 ：
premonish.onIntent(({el, confidence}) => {
// el is the expected DOM element
// confidence is a score from 0-1 on how confident we are in this prediction.
});
onIntent()方法被烘焙到Premonish中，并且只要库注意到用户朝某个元素移动，就会调用该方法。
您还可以使用另一种方法onMouseMove() ，该方法在每次光标更改屏幕上的X / Y位置时运行。 这样，您可以看到Premonish如何计算用户意图的几率。
您可以在GitHub主仓库中找到大量信息，其中包括一些简单的代码片段，以帮助您入门。 初始化仅需要一系列应针对的选择器或DOM元素 。
您实际如何使用此插件完全取决于您。 这并不是一个完整的解决方案，而是一个起点，可以帮助您假设用户的意图并以此为基础建立体验。
观看现场演示 ，看看这一切如何工作，并查看“调试模式”，在其中可以实时观察预测算法的工作方式。
您也可以分享自己的想法，并在Twitter @mathisonian上感谢创建者Matthew Conlen 。
另请参阅： 使用Glio.js检测鼠标何时离开窗口
翻译自: https://www.hongkiat.com/blog/premonish-mouse-prediction-script/