1. 程式人生 > >addEventListener呼叫傳參函式的方法

addEventListener呼叫傳參函式的方法

因為addEventListener的第二引數填入帶參函式的時候就直接執行了函式

我們使用一個匿名函式作為’觀察者‘的身份存在,當監聽到事件,先告知作為‘觀察者’的匿名函式然後由’觀察者‘呼叫具體的函式

程式碼如下:

    btn.addEventListener('click',function () {
        move(div,200);
    });

   

    function move(ele,target) {
        clearInterval(ele.timer);
        ele.timer=setInterval(function () {
            var steep=(target-ele.offsetLeft)/10;
            steep=steep>0?Math.ceil(steep):Math.floor(steep);
            //緩動公式
            ele.style.left=ele.offsetLeft+steep+"px";
            if(Math.abs(target-ele.offsetLeft)<steep){

                ele.style.left=target+"px";
                clearInterval(div.timer);
            }
        },30);
    }