火狐浏览器兼容鼠标滚轮事件

火狐浏览器兼容鼠标滚轮事件

起因：

this.$refs.canvasDivBox.addEventListener('mousewheel', this.zoomInOrOut, false);

这段代码在chrome中运行正常，但是到firefox中时则不会被触发。

原因：

firefox不支持mousewheel，请使用DOMMouseScroll。

修改：

this.$refs.canvasDivBox.addEventListener('mousewheel', this.zoomInOrOut, false) || this.$refs.canvasDivBox.addEventListener('DOMMouseScroll', this.zoomInOrOut, false);

其他区别：

1.使用mousewheel时，可以用e.deltaY的正负判断滑轮滚动方向，DOMMouseScroll则没有这个参数，可以用detail代替。

2.据笔者观察，两种事件在某些情况下layerX的意义和取值也会有差别，详细原因还不明，可以按照具体情况进行计算或是取值。