关键词搜索

源码搜索 ×
×

JavaScript笔记-对wheelDeltaY和deltaY的体会

发布2021-12-27浏览1829次

详情内容

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

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

使用的是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放缩起来就不会那么突兀了。

相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载