mirror of
https://github.com/librenms/librenms.git
synced 2024-10-07 16:52:45 +00:00
59 lines
1.4 KiB
Markdown
59 lines
1.4 KiB
Markdown
# jQuery Mouse Wheel Plugin
|
|
|
|
A jQuery plugin that adds cross-browser mouse wheel support.
|
|
|
|
In order to use the plugin, simply bind the `mousewheel` event to an element.
|
|
It also provides two helper methods called `mousewheel` and `unmousewheel`
|
|
that act just like other event helper methods in jQuery. The event callback
|
|
receives three extra arguments which are the normalized "deltas" of the mouse wheel.
|
|
|
|
Here is an example of using both the bind and helper method syntax.
|
|
|
|
```js
|
|
// using bind
|
|
$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
|
|
console.log(delta, deltaX, deltaY);
|
|
});
|
|
|
|
// using the event helper
|
|
$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
|
|
console.log(delta, deltaX, deltaY);
|
|
});
|
|
```
|
|
|
|
## See it in action
|
|
[See the tests on Github](http://brandonaaron.github.com/jquery-mousewheel/test).
|
|
|
|
## Using with [Browserify](http://browserify.org)
|
|
|
|
Support for browserify is baked in.
|
|
|
|
```js
|
|
npm install jquery-mousewheel
|
|
npm install jquery-browserify
|
|
```
|
|
|
|
In your server-side node.js code:
|
|
|
|
```js
|
|
var express = require('express');
|
|
var app = express.createServer();
|
|
|
|
app.use(require('browserify')({
|
|
require : [ 'jquery-browserify', 'jquery-mousewheel' ]
|
|
}));
|
|
```
|
|
|
|
In your browser-side javascript:
|
|
|
|
```js
|
|
var $ = require('jquery-browserify');
|
|
require('jquery-mousewheel')($);
|
|
```
|
|
|
|
## License
|
|
|
|
This plugin is licensed under the [MIT License](LICENSE.txt).
|
|
|
|
Copyright (c) 2013 [Brandon Aaron](http://brandonaaron.net)
|