利用閉包判斷Dom元素和滾動條的方向

2022-06-29 06:00:10 字數 847 閱讀 4049

一,判斷滾動條的方向,利用閉包首先儲存滾動條的位置,然後當滾動時候不斷更新滾動初始值,然後通過差指判斷方向

1

function scroll(fn) ;

5 window.addeventlistener("

scroll

", function() , false

);12

}13 scroll(function(direction) );

二,判斷滑鼠的移動方向

1

function direction()

17if (curx >lastx) else

if (curx 22if (cury >lasty) else

if (cury 27 lastx =curx;

28 lasty =cury;

29//

console.info(direction);

30 document.getelementbyid("

test

").innertext =direction;

31})

32 }

三,判斷滑鼠進入和出去某dom元素的方式,這種沒有利用閉包原理

1

var gaga =function(wrap) else17}

18if

(window.addeventlistener) else

if(window.attachevent)

25 }

本文結束。

利用forEach迴圈Dom元素

大家都知道foreach是迴圈陣列用的,而且很方便,可以丟掉for迴圈了,但是它不能迴圈dom元素。其實我們可以利用call來完成foreach迴圈dom 假設有這樣的html結構 點選上面的li來輸出自身的索引值,具體可看下面 var arrli document.queryselector bo...

閉包的特點和判斷閉包的執行結果

全域性變數和區域性變數都有缺點,全域性變數容易造成全域性汙染,而區域性變數則無法共享,不能長久儲存,為了使變數既可以共享,長久儲存,又不會全域性汙染,可以使用閉包。閉包的三個特點是 1.定義外層函式,封裝被保護的區域性變數 2.定義內層函式,執行對外層函式區域性變數的操作 3.外層函式返回內層函式的...

利用box flex實現 dom元素位置頁面底部

問題 總是有這樣的需求,就是頁面上某部分要位於頁面的最底部,此 最底部 要求 1 當頁面上內容不足一屏的時候,在最底部顯示 2 當頁面上內容不止一屏的時候,也就是有垂直滾動條的時候,要在內容的最後顯示 最容易想到的定位方法 1 position absolute position absolute ...