jquery 判断鼠标在元素上停留的时间
时间: 2023-09-14 19:09:27 浏览: 137
jQuery图片悬停感知遮罩层特效
你可以使用 jQuery 的 `mouseenter` 和 `mouseleave` 事件结合 `Date` 对象来实现判断鼠标在元素上停留的时间。具体实现可以参考下面的代码示例:
```javascript
var startTime, endTime;
$("#myElement").on("mouseenter", function() {
startTime = new Date();
}).on("mouseleave", function() {
endTime = new Date();
var stayTime = endTime - startTime; // 计算停留时间
console.log("鼠标在元素上停留了 " + stayTime + " 毫秒");
});
```
在上面的代码中,我们监听了 `mouseenter` 和 `mouseleave` 事件,并在 `mouseenter` 事件中记录了开始时间,`mouseleave` 事件中记录了结束时间,然后通过计算两者之间的时间差来得到鼠标在元素上停留的时间。
阅读全文