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

類似百度圖片最下面小縮略圖那個(gè)展示欄

然后要求有個(gè)鼠標(biāo)滾輪滾動(dòng)變大變小的要求

這個(gè)我還真不知道怎么做，在網(wǎng)上找了找資料

發(fā)現(xiàn)可以捕獲onmousewheel的事件

然后根據(jù)event.wheelDelta值的正負(fù)來判斷是前滾還是后滾

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

因?yàn)橛胻extNode做的,加不進(jìn)去html代碼

說到這里是不是可以用這種方法來防止xss注入呢？
代碼如下:


代碼如下:
function showKey(){
if(event.wheelDelta){

代碼如下:
// 正120為前滾 負(fù)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();
}
}

其中還剛好用到今天剛看高級(jí)設(shè)計(jì)那里的textNode元素那塊的一個(gè)

合并多個(gè)textNode的方法
代碼如下:
normalize();

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com