addEventListener呼叫傳參函式的方法
阿新 • • 發佈:2019-02-01
因為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); }