之前看到一個人人網(wǎng)高級前端面試的筆試題
要求手寫代碼，其中有個題是做一個圖片展示
類似百度圖片最下面小縮略圖那個展示欄
然后要求有個鼠標滾輪滾動變大變小的要求
這個我還真不知道怎么做，在網(wǎng)上找了找資料
發(fā)現(xiàn)可以捕獲onmousewheel的事件
然后根據(jù)event.wheelDelta值的正負來判斷是前滾還是后滾
隨便寫了個小例子，順便捕獲下鍵盤的按鍵，不太美觀沒有換行
因為用textNode做的,加不進去html代碼
說到這里是不是可以用這種方法來防止xss注入呢？
復制代碼 代碼如下:
<body onkeydown="showKey()" onmousewheel="showKey()">
復制代碼 代碼如下:
function showKey(){
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();
}
}
復制代碼 代碼如下:
normalize();
新聞熱點
疑難解答
圖片精選
