Heim > Artikel > Web-Frontend > js-Ereignis – Mausscrollen
js-Ereignis – Mausscrollen
- 巴扎黑Original
- 2017-07-20 15:41:211412Durchsuche
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('上')
}else(//3alert('下')
)
});</script>
</body>
</html>
<br>
Das obige ist der detaillierte Inhalt vonjs-Ereignis – Mausscrollen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!