js捕捉滑鼠滾輪事件程式碼_javascript技巧

之前看到一個人人網高級前端面試的筆試題

要求手寫代碼，其中有個題是做一個圖片展示

類似百度圖片最下面小縮圖那個展示欄

然後要求有個滑鼠滾輪滾動變大變小的要求

這個我還真不知道怎麼做，在網路上找了找資料

發現可以捕捉onmousewheel的事件

然後根據event.wheelDelta值的正負來判斷是前滾還是後滾

隨便寫了個小例子，順便捕捉下鍵盤的按鍵，不太美觀沒有換行

因為用textNode做的,加不進去html程式碼

說到這裡是不是可以用這種方法來防止xss注入呢？

複製程式碼 程式碼如下:

複製程式碼 代碼如下:if(event.wheelDelta){

複製程式碼複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼

複製程式碼

複製程式碼複製碼🎜>

// 正120為前滾負120為後滾

var textNode = document.createTextNode(event.wheelDelta " ");
document.body.appendChild(textNode) document.body.normalize();

} if(event.keyCode) { var textNode = document.createTextNode(event.keyCode " "); document.body .appendChild(textNode); document.body.normalize(); } } 其中還剛好用到今天剛看高級設計那裡的textNode元素那塊的一個合併多個textNode的方法複製程式碼 程式碼如下: 🎜>normalize();