jQuery plugins - jQuery mouseWheel
jún 09

jQuery mouseWheel

Egérgörgő

Verzió: 3.0.6
Kiadás dátuma: 2011
Fejlesztő: Brandon Aaron
Liszensz: MIT

Bevezető

A mouseWheel tényleg egy apró plugin, sok mindent nem lehet róla írni, azonban ettől függetlenül egy igen értékes kiegészítőről van szó, amely kellően fontos szerepet tölthet be egy-egy jQuery-s alkalmazás elkészítése során.

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
          

Deklaráció

A deklarációra kétféle lehetőségünk van:

            $(document).ready(function(){
              $('#pelda').mousewheel(function(event, delta) {
                  console.log(delta);
              });

              $('#pelda').bind('mousewheel', function(event, delta) {
                  console.log(delta);
              });
            });
          

Teljes paraméterlista

A mouseWheel speciális plugin, működéséhez nincs szükség paraméterekre, helyette viszont szolgáltat számunkra egy visszatérési értéket, amely elengedhetetlen a plugin használatba vételéhez:

  • delta: az egérgörgő elmozdulásának az irányát adja vissza egész szám formájában: pozitív egész szám esetén az egérgörgőt előre irányba tekertük, míg negatív egész szám esetén hátrafelé
    (a nulla a kezdő pozíciót jelöli)