onmousewheel事件的一个很好的跨浏览器替代品？

Question

Hello World！

我正在寻找 onmousewheel 事件的跨浏览器替代方案。

我有一个全屏画布，我希望用户能够放大和放大缩小。

我这样做的方式：

（简单示例）

var scale = 1000;
function wheel(e){
scale = scale - e.deltaY <= 100 ? 100 : scale - e.deltaY;
document.getElementById("coolDiv").innerText = "scale: " + scale;
}

#coolDiv{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

<div id="coolDiv" onmousewheel="wheel(event);">scroll your mouse over me!</div>

我的问题：它不是跨浏览器，它适用于Chrome，但在其他一些浏览器上却没有。