Heim > Web-Frontend > js-Tutorial > js-Ereignis – Mausscrollen

js-Ereignis – Mausscrollen

巴扎黑
Freigeben: 2017-07-20 15:41:21
Original
1504 Leute haben es durchsucht

Maus-Scroll-Ereignis

Was Scroll-Ereignisse betrifft, ist es eigentlich ziemlich verwirrend.

Die Kompatibilitätsunterschiede von Scrollrad-Ereignissen sind etwas vielseitig, nicht die vorherige IE8-Partei und andere Fraktionen, sondern die FireFox-Fraktion und andere Fraktionen.

Browser einschließlich IE6 verwenden onmousewheel, während der Firefox-Browser allein DOMMouseScroll verwendet. Selbst unter Firefox 19 getestet. onmousewheel wird nicht erkannt.

Das Attribut, das zum Erkennen des Bildlaufwerts in anderen Kreisen verwendet wird, ist WheelDelta, ein Bildlauf nach oben ist 120 und ein Bildlauf nach unten ist -120.

Das Attribut, das zum Erkennen des Bildlaufwerts in Firefox verwendet wird, ist Detail, das Scrollen nach oben ist -3 und das Scrollen nach unten ist 3.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>document.onmousewheel = function(event){
                ev = event || window.event;
                alert(ev.wheelDelta);if(ev.wheelDelta > 0){//120alert('上')
                }else(//-120alert('下')
                )
                    
                
            }
            document.addEventListener("DOMMouseScroll", function(ev) {
                alert(ev.detail);if(ev.detail < 0){//-3alert(&#39;上&#39;)
                }else(//3alert(&#39;下&#39;)
                )
            });</script>
    </body>
</html>
Nach dem Login kopieren

 <br>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonjs-Ereignis – Mausscrollen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage