window.onload=function(){
    // var div=document.querySelector('div');
    // var fun1=function(){
    //     alert(1);
    // }
    // var fun2=function(){
    //     alert(2);
    // }
    // div.addEventListener('click',fun1,false);
    // div.addEventListener('click',fun2,false);
    // div.removeEventListener('click',fun1);
    // div.onclick=function(e,way='1'){
    //     console.log(e,way);
    // }

    //添加事件對象
    // div.onmouseover=function(e){
    //     this.innerText=`x:${e.pageX},y:${e.pageY}`;
    // }

    // div.onmousemove=move;
    // function move(e){
    //     this.innerText=`x:${e.screenX},y:${e.screenY}`;
    // }


/*
    //滾輪事件
    var div=document.querySelector('div');
    function wheel(e){
        var e=e||window.event;      //賦值在IE還是在谷歌里用e（谷歌里可以用e仰迁，IE里只能用window.event）
        if(e.preventDefault){       //判斷是否有這個(gè)函數(shù)（IE沒有這個(gè)函數(shù)）
            e.preventDefault();     //阻止元素默認(rèn)動(dòng)作甸昏；
        }
        else{
            e.returnValue==false;        //IE里阻止元素默認(rèn)動(dòng)作（只有IE有）；
        }     
        var ma=e.wheelDelta||e.detail;      //賦值編碼徐许，（谷歌和火狐的滑動(dòng)編碼不一樣）施蜜；
        if(ma==120||ma==-3){                //判斷
            console.log('向上');
            div.style.width=div.offsetWidth+20+'px';
        }else if(ma==-120||ma==3){
            console.log('向下');
            div.style.width=div.offsetWidth-20+'px';
            console.log(div.offsetTop);
        }
    }
    if(document.attachEvent){
        document.attachEvent('mousewheel',wheel);
    }else{
        document.addEventListener('mousewheel',wheel);
        document.addEventListener('DOMMouseScroll',wheel);
    }
*/



/*
    //函數(shù)封裝滾輪事件
    var div=document.querySelector('div');
    function mousewheel(obj,upfun,downfun){
        if(obj.attachEvent){
            obj.attachEvent('mousewheel',wheel);
        }else{
            obj.addEventListener('mousewheel',wheel);
            obj.addEventListener('DOMMouseScroll',wheel);
        }
        function wheel(){
            var e=e||window.event;      //賦值在IE還是在谷歌里用e（谷歌里可以用e，IE里只能用window.event）
            if(e.preventDefault){       //判斷是否有這個(gè)函數(shù)（IE沒有這個(gè)函數(shù)）
                e.preventDefault();     //阻止元素默認(rèn)動(dòng)作雌隅；
            }
            else{
                e.returnValue==false;        //IE里阻止元素默認(rèn)動(dòng)作（只有IE有）翻默；
            }     
            var ma=e.wheelDelta||e.detail;      //賦值編碼，（谷歌和火狐的滑動(dòng)編碼不一樣）澄步；
            if(ma==120||ma==-3){                //判斷如果滾輪向上滾動(dòng)時(shí)要執(zhí)行的代碼   
                upfun();
            }else if(ma==-120||ma==3){          //判斷如果滾輪向上滾動(dòng)時(shí)要執(zhí)行的代碼
                downfun();
            }
        }
    }
    mousewheel(div,function(){
        div.style.width=div.offsetWidth+20+'px';
    },function(){
        div.style.width=div.offsetWidth-20+'px';
    });
*/


    //函數(shù)封裝滾輪事件(添加多個(gè)元素)
    
    for(var i=0;i<10;i++){
        var div=document.createElement('div');
        document.body.appendChild(div);
    }
    var divs=document.querySelectorAll('div');
    function mousewheel(obj,upfun,downfun){
        if(obj.attachEvent){
            obj.attachEvent('mousewheel',wheel);
        }else{
            obj.addEventListener('mousewheel',wheel);
            obj.addEventListener('DOMMouseScroll',wheel);
        }
        function wheel(){
            var e=e||window.event;      //賦值在IE還是在谷歌里用e（谷歌里可以用e冰蘑，IE里只能用window.event）
            if(e.preventDefault){       //判斷是否有這個(gè)函數(shù)（IE沒有這個(gè)函數(shù)）
                e.preventDefault();     //阻止元素默認(rèn)動(dòng)作；
            }
            else{
                e.returnValue==false;        //IE里阻止元素默認(rèn)動(dòng)作（只有IE有）村缸；
            }     
            var ma=e.wheelDelta||e.detail;      //賦值編碼祠肥，（谷歌和火狐的滑動(dòng)編碼不一樣）；
            if(ma==120||ma==-3){                //判斷如果滾輪向上滾動(dòng)時(shí)要執(zhí)行的代碼   
                upfun();
            }else if(ma==-120||ma==3){          //判斷如果滾輪向上滾動(dòng)時(shí)要執(zhí)行的代碼
                downfun();                      //執(zhí)行滾輪向下滾動(dòng)的代碼
            }
        }
    }
    divs.forEach(function(value){               //遍歷divs集合      
        mousewheel(value,function(){            //給mousewheel的函數(shù)傳實(shí)際參數(shù)（obj,fun1,fun2）
            value.style.width=value.offsetWidth+20+'px';    //value的寬度在當(dāng)前寬度的基礎(chǔ)上增加20px
        },function(){
            value.style.width=value.offsetWidth-20+'px';    //value的寬度在當(dāng)前寬度的基礎(chǔ)上減少20px
        });
    });
    

    
}