ページ内ナビ
概要
jQuery Mouse Wheel Plugin 3.2.2はcross-browserなmousewheel event supportとdelta normalizationを提供するjQuery pluginです。event objectへdeltaX、deltaY、deltaFactorを追加し、mouse wheelとtrackpadで異なる入力値を扱いやすくします。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
主な特徴
mousewheel eventをjQueryのon()から扱う
READMEはelementへmousewheel eventをbindし、event objectからnormalized deltaを読む基本usageを示しています。
出典:[1]
deltaX・deltaYをbrowser/device差をまたいでnormalizeする
mouse wheelやtrackpadが返す大きく異なるdeltaをwhole numberへ正規化し、入力方向や強度を共通的に扱えるようにします。
出典:[1]
deltaFactorからbrowserが報告したscroll distanceを復元する
deltaFactor * deltaXまたはdeltaFactor * deltaYでbrowserが報告したscroll distanceを得られることがREADMEで説明されています。
出典:[1]
向いている用途
既存jQuery UIでlegacy wheel inputを共通処理したい場合に向く
複数browser/deviceからのwheel inputを既存jQuery event handlingへ合わせたいlegacy interfaceやplugin integrationで利用できます。
出典:[1]
導入前の確認
参考にした公式資料
- [1]jQuery Mouse Wheel 3.2.2 README(2026-10-05)
- [2]jQuery Mouse Wheel 3.2.2 package metadata(2026-10-05)
- [3]jQuery Mouse Wheel 3.2.2 release(2026-10-05)
- [4]jQuery Mouse Wheel MIT license(2026-10-05)
編集部からの補足
推奨APIは.on("mousewheel", ...)です。mousewheel()/unmousewheel() helperと旧handler引数delta/deltaX/deltaYはdeprecatedなので、新規codeではevent propertyのdeltaX・deltaY・deltaFactorへ寄せてください。
3ステップで試す
- 1
jQuery Mouse Wheel 3.2.2とjQuery 4.0.0を固定して導入する
一時npm projectへreview対象pluginとjQueryを固定して導入します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/jquery-mousewheel.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact jquery-mousewheel@3.2.2 jquery@4.0.0 - 2
package versionを確認する
jQuery Mouse WheelとjQueryが想定versionで解決されていることを確認します。
test "$(node -e "const fs=require('fs');const m=JSON.parse(fs.readFileSync('node_modules/jquery-mousewheel/package.json'));const j=JSON.parse(fs.readFileSync('node_modules/jquery/package.json'));console.log(m.version+'/'+j.version)")" = '3.2.2/4.0.0' - 3
通常版とminified distributionを確認する
3.2.2でnpm packageへ追加されたminified fileを含め、配布fileが揃っていることを確認します。
test -f node_modules/jquery-mousewheel/jquery.mousewheel.js && test -f node_modules/jquery-mousewheel/jquery.mousewheel.min.js
成長
成長の推移 · 直近30日
3,914 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit(直近30日)
- 0
- Open PR
- 13
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
カテゴリ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
- Stars
- 3,914
- Forks
- 1,629
- Watchers
- 168
- Open Issues
- 4
- Contributors
- 15
- 所有者種別
- Organization
- 主要言語
- JavaScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/09/28
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Day.js48,664 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
日時の解析・整形・計算を、軽量でイミュータブルなMoment.js互換APIで扱うJavaScriptライブラリ
JavaScript - Fastify37,232 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
Node.js向けWeb/APIサーバーを低オーバーヘッド、プラグイン、JSON Schema検証、Pinoログで構築する
JavaScript - Immer28,983 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
mutableに見えるrecipeからstructural sharingされたimmutable next stateを生成するJavaScript state utility
JavaScript - ESLint27,563 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
ASTとpluggable ruleでJavaScriptの問題patternを検出し、flat configをrepositoryのcode quality policyとして自動化する
JavaScript - Nano ID27,076 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
暗号学的乱数からURL-safeな短いIDを生成し、文字集合と長さも用途に合わせて調整する
JavaScript - Highlight.js25,005 Stars
共通タグ 2件 · 共通カテゴリ 1件 · 同じ言語
コード文字列を180以上の言語定義で構文ハイライトし、言語の自動判定にも対応する
JavaScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。