Mon 31 Jul 2006
JavaScript: Scroll Wheel Handler
Posted by Ralf under IT
No Comments
Das Ansprechen des Scroll-Rads der Maus mit JavaScript kann durch folgenden Code einfach umgesetzt werden:
<html>
<head>
<script type="text/javascript">
function handle(delta) {
var s = delta + ": ";
if (delta < 0)
s += "down";
else
s += "up";
document.getElementById('delta').innerHTML = s;
}
function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
}
/* Initialization code. */
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>
</script></head>
<body>
<div id="delta">Scroll mouse wheel to see delta here.</div>
</body>
</html>
Quelle: [http://adomas.org/javascript-mouse-wheel/]