function dispProperty(e) {
    document.getElementById('type').childNodes[0].nodeValue = e.type;
    var wheeldelta = document.getElementById('wheeldalta');
    if(window.event && window.event.wheelDelta) {
        wheeldelta.childNodes[0].nodeValue = window.event.wheelDelta;
    } else if(e.wheelDalta) {
        wheeldelta.childNodes[0].nodeValue = e.wheelDelta;
    }
    document.getElementById('detail').childNodes[0].nodeValue = e.detail;
    document.getElementById('clientx').childNodes[0].nodeValue = e.clientX;
    document.getElementById('clienty').childNodes[0].nodeValue = e.clientY;
    // バブリングとデフォルトイベントアクションの停止
    stopDefaultAndPropagation(e);
    return false;
}

// バブリングとデフォルトイベントアクションの停止
function stopDefaultAndPropagation(e) {
    // バブリング停止
    if(e.stopPropagation) {
        e.stopPropagation();
    }
    if(window.event) {
        window.event.cancelBubble = true;
    }
    // デフォルトイベントアクションを停止する
    if(e.preventDefault) {
        e.preventDefault();
    }
    if(window.event) {
        window.event.returnValue = false;
    }
}
// load時の処理
function setListeners(e) {
    var pad = document.getElementById('pad');
    addMouseWheelListener(pad, dispProperty, false);
}

// マウスホイールイベントリスナー登録
function addMouseWheelListener(elem, func, cap) {
    if(elem.addEventListener) {
        elem.addEventListener('DOMMouseScroll', func, cap); // FireFox用
        elem.addEventListener('mousewheel', func, cap);  // Safari用
    } else if(elem.attachEvent) {
        elem.attachEvent("onmousewheel", func);  // IE用
    }
}

// イベントリスナー登録
function addListener(elem, eventType, func, cap) {
    if(elem.addEventListener) {
        elem.addEventListener(eventType, func, cap);
    } else if(elem.attachEvent) {
        elem.attachEvent('on' + eventType, func);
    } else {
        alert('ご利用のブラウザーはサポートされていません。');
        return false;
    }
}
addListener(window, 'load', setListeners, false);