JS监听鼠标滑轮事件

 上才艺

var box = document.getElementById('box');
 
function onMouseWheel(ev) {
	var ev = ev || window.event;
	var down = true; 
	down = ev.wheelDelta ? ev.wheelDelta < 0 : ev.detail > 0;
	if (down) {
		console.log('鼠标滚轮向下---------')
	} else {
		console.log('鼠标滚轮向上++++++++++')
	}
	if (ev.preventDefault) {
		// 阻止默认事件
		ev.preventDefault();
	}
	return false;
}
addEvent(box, 'mousewheel', onMouseWheel);
addEvent(box, 'DOMMouseScroll', onMouseWheel);
function addEvent(obj, xEvent, fn) {
	if (obj.attachEvent) {
		obj.attachEvent('on' + xEvent, fn);
	} else {
		obj.addEventListener(xEvent, fn, false);
	}
}