无名阁,只为技术而生。流水不争先,争的是滔滔不绝。

鼠标滚动事件全面解析

前沿技术 dancy 1年前 (2023-12-02) 271次浏览 已收录 0个评论 扫描二维码
鼠标滚动事件全面解析

一、事件概述

当用户使用鼠标滚轮进行滚动操作时,就会触发鼠标滚动事件。该事件通常用于控制被滚动的元素或者页面的滚动行为。

当用户向前滚动鼠标滚轮时,会触发一次滚轮事件;当用户向后滚动鼠标滚轮时,也会触发一次滚轮事件。而且,鼠标滚轮事件在网页中广泛使用,如图片缩放、列表滚动、地图缩放等等。

二、事件属性

鼠标滚轮事件包含以下的属性:

deltaX:表示水平方向上的滚动量;
deltaY:表示垂直方向上的滚动量;
deltaMode:表示滚动的模式,默认为pixel(像素)。

其中,deltaMode的值为0时,代表按像素滚动;1时代表按行滚动;2时代表按页滚动。

点击展开
喜欢 (0)
[]
分享 (0)
关于作者:
发表我的评论
取消评论

评论审核已启用。您的评论可能需要一段时间后才能被显示。

表情 贴图 加粗 删除线 居中 斜体 签到