//判斷瀏覽器類型
? ? ? ? var client = function () {
? ? ? ? ? ? var engine = {
? ? ? ? ? ? ? ? ie: 0,
? ? ? ? ? ? ? ? gecko: 0,
? ? ? ? ? ? ? ? webkit: 0,
? ? ? ? ? ? ? ? khtml: 0,
? ? ? ? ? ? ? ? opera: 0,
? ? ? ? ? ? ? ? ver: null
? ? ? ? ? ? };
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? engine: engine
? ? ? ? ? ? };
? ? ? ? }();
? ? ? ? var EventUtil = {
? ? ? ? ? ? getEvent: function (event) {
? ? ? ? ? ? ? ? return event ? event : window.event;
? ? ? ? ? ? },
? ? ? ? ? ? addHandler: function (element, type, handler) {
? ? ? ? ? ? ? ? if (element.addEventListener) {
? ? ? ? ? ? ? ? ? ? element.addEventListener(type, handler, false);
? ? ? ? ? ? ? ? } else if (element.attachEvent) {
? ? ? ? ? ? ? ? ? ? element.attachEvent("on" + type, handler);
? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? element["on" + type] = handler;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? },
? ? ? ? ? ? getWheelDelta: function (event) {
? ? ? ? ? ? ? ? var driect = null;
? ? ? ? ? ? ? ? if (event.wheelDelta) {
? ? ? ? ? ? ? ? ? ? driect = (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);
? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? driect = -event.detail * 40;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? return (driect > 0 ? 1 : -1);
? ? ? ? ? ? }
? ? ? ? };
? ? //調(diào)用方法getWheelDelta()
? ? ? ? (function () {
? ? ? ? ? ? function handleMouseWheel(event) {
? ? ? ? ? ? ? ? event = EventUtil.getEvent(event);
? ? ? ? ? ? ? ? var delta = EventUtil.getWheelDelta(event); alert(delta);
? ? ? ? ? ? }
? ? ? ? ? ? EventUtil.addHandler(document, "mousewheel", handleMouseWheel);
? ? ? ? ? ? EventUtil.addHandler(document, "DOMMouseScroll", handleMouseWheel);
? ? ? ? })()
? ? //輸出：向上滾動(dòng)鼠標(biāo)滾輪時(shí)彈出‘1’河劝，向下滾動(dòng)鼠標(biāo)滾輪時(shí)彈出‘-1’
