當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼使鼠標(biāo)滾輪失效

JS代碼使鼠標(biāo)滾輪失效

2012/10/23 12:22:45作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

使鼠標(biāo)滾輪失效

【實例描述】

 當(dāng)頁面內(nèi)容太多時，可以通過鼠標(biāo)滾輪實現(xiàn)翻頁效果。但有些讀書網(wǎng)站提供頁面自動滾屏的功能，此時可使鼠標(biāo)的滾輪失效，讓用戶充分體驗網(wǎng)站提供的功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
<script language="javascript">
function document.onmousewheel()  //滾輪事件重新定義
{
 return false;                    //返回false表示什么都不操作
}
</script>
</head>
<body> 
    <table style="width: 300px">
        <tr>
            <td>
                阿</td>
            <td>
                不</td>
            <td>
                才</td>
        </tr>
        <tr>
            <td>
                的</td>
            <td>
                惡</td>
            <td>
                發(fā)</td>
        </tr>
        <tr>
            <td>
                的</td>
            <td>
                發(fā)</td>
            <td>
                的</td>
        </tr>
    </table>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例在頁而中添加了一個表格，可將窗口縮小，以出現(xiàn)滾動條效果。當(dāng)出現(xiàn)滾動條時．滑動鼠標(biāo)的滾輪，測試此操作是否能夠成功。代碼重寫了“document.onmousewheel”方法，若返回false值則表示不執(zhí)行任何鼠標(biāo)滾動的操作。

【源碼下載】

本實例JS代碼下載

 

標(biāo)簽： JS代碼  鼠標(biāo)