OperaのJavaScriptでマウスホイールを検知できるようになった

Opera最新テスト版でホイールいけるよ、とのタレコミを頂いたので、早速テスト版ホームページを見てみた。

Changelog:

  • Added support for onmousewheel events.

Opera Weekly build – Desktop Team

マ、マジだー! 現在作成中のアプリケーションで試してみたら、手を加えるまでもなく動作した。よくやったOpera!

window.attachEvent( "onmousewheel", function( e ) { alert( e.wheelDelta ) } );

これで簡易テスト。wheelDeltaだと手前に転がして120、奥なら-120。detailだと手前で3、奥で-3を検出。前者はIE、後者はFirefoxと一緒だな。

ブラウザ event property 手前回転
IE onmousewheel WheelDelta
Firefox DOMMouseScroll detail
Opera onmousewheel 両方

こなかじ?