HTML onwheel用法及代碼示例

當指針設備的滾輪在元素上向上或向下滾動時，此屬性有效。當用戶使用鼠標或觸摸板滾動或縮放元素時，onwheel屬性也可以使用。

用法:

<element onwheel = "script">

屬性值：該屬性包含單值腳本，並且在調用onwheel屬性時可以使用。所有HTML元素都支持它。

Note:此屬性是HTML 5中的新增屬性。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>onwheel event attribute</title> 
        <style> 
            #geeks { 
                border:1px solid black; 
                padding:15px; 
                width:60%; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <center> 
        <h1>GeeksforGeeks</h1> 
        <h2>onwheel event attribute</h2> 
        <div id = "geeks" onwheel="Function()">GeeksforGeeks:  
        A computer science portal for geeks</div> 
        <script> 
            function Function() { 
                document.getElementById("geeks").style.fontSize = "30px"; 
                document.getElementById("geeks").style.color = "green"; 
            } 
        </script> 
        </center> 
    </body> 
</html>

輸出：
前：

後：

支持的瀏覽器：以下列出了onwheel event屬性支持的瀏覽器：

chrome 31.0
Internet Explorer 9.0
Firefox 17.0
Safari：不支持
Opera 18.0

相關用法

注：本文由純淨天空篩選整理自Mahadev99大神的英文原創作品 HTML | onwheel Event Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。