The delta in mousewheel does not have result

Question

I want to create function mousewheel in jQuery, when I want to check the delta the result is always "undefined". Please help me. Here is my code:

$(document).ready(function(){
$('#container').bind('mousewheel', function(event,delta){
     alert(delta)

});
})

You need the plugin- https://github.com/brandonaaron/jquery-mousewheel/blob/master/jquery.mousewheel.js — Dom, Apr 05 '13 at 20:39

score 0 · Answer 1 · answered Apr 05 '13 at 20:40

What browser are you using to test in? There is more than one way to bind a mouse wheel event and depending on the browser will determine where to find the delta. In Firefox it's event.detail and it's values can be 1, 2, -1, -2, etc however in non-Firefox browsers you're looking at wheelDelta which appears to be what you coded for.

A good resource on mousewheel events is here which is what I used when I wrote my jQuery mousewheel plugin.

score 0 · Answer 2 · edited May 23 '17 at 10:32

0

No need to write your own plugin. Use this script and you should be good to go!

<script type="text/javascript" src="https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js"></script>

DEMO: http://jsfiddle.net/dirtyd77/WmwfY/

Side Note: Just a suggestion, you may want to use console.log() rather than alert() in the future.

edited May 23 '17 at 10:32

Community

1
1

answered Apr 05 '13 at 20:57

Dom

38,906
12
52
81

The delta in mousewheel does not have result

2 Answers2