欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JavaScript笔记-对wheelDeltaY和deltaY的体会

发布时间:2025/3/15 javascript 32 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JavaScript笔记-对wheelDeltaY和deltaY的体会 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

最近在写图形方面的代码,如下:

function mousewheel(e) {let dy = (e.wheelDeltaY || - e.deltaY) / 1000;zui.zoomBy(dy, e.clientX, e.clientY); }

使用的是two.js还有自己的zui.js,这串代码研究了好小半个早上,终于知道这么写的原因了。

let dy = (e.wheelDeltaY || - e.deltaY) / 1000;

因为要兼容浏览器,所以才写成

e.wheelDeltaY || - e.deltaY

部分浏览器这个e.wheelDeltaY值是没有的可能是null,部分浏览器e.deltaY这个值是没有的可能是null,所以使用上面这种方式,使得总有放缩值存在。而/1000是放缩的大小,这样这个dy的值就会在1以下了,然后zui.zoomBy放缩起来就不会那么突兀了。

创作挑战赛新人创作奖励来咯,坚持创作打卡瓜分现金大奖

总结

以上是生活随笔为你收集整理的JavaScript笔记-对wheelDeltaY和deltaY的体会的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。