最速インターフェース研究会

マウスホイールを使って何が出来るか

あまり気が進まなかったのだが、サンプルとして適当だったので作ってみた。

Winkで作ったデモ。
http://la.ma.la/misc/demo/rssroll.htm

Greasemonkeyスクリプト、Firefox限定
http://la.ma.la/misc/userjs/HatenaRssRolling.user.js

デモ見てもわかりづらいが、見出しの部分の上でマウスホイールを回転させるとアイテムがロールする、クリックで開閉。マウスを動かさずに読むことが出来る、というもの。いまいちだったのでカーソル上下左右でも回転と開閉できるようにしてみた。
はてなは敵なので作りこむ予定無し。

Firefoxでマウスホイールにイベントを割り当てたときにスクロールをキャンセルする方法が全然わかんなかったのだが「event.preventDefault()」というのを使えば良いことがわかった。IEの場合の「event.returnValue=false」に相当するようだ。DOMMouseScrollにしてもそうだが、preventDefaultについても検索結果があまりに少ないような気がする。

というわけで、JavaScriptでイベントをキャンセルするサンプル
つるつるして気持ち悪いページを作ることが出来る。
http://la.ma.la/misc/js/cancel.html

このあたりはブラウザごとに癖があるので使いどころが難しいのだが、Firefoxだとキーボードの操作を何でもキャンセルできるっぽいのでブラウザ上で完全なキーバインド割り当てが出来そうだ。F5リロードなんかも無効にすることができる。XULアプリを作ることを考えると、完全にコントロール出来ないとおかしいわけだけど普通のHTML上でもできる。つまりCtrl+Sでページを保存するWikiとか作れそうだ。

Sleipnirなんかの場合は、ブラウザ本体のショートカットが何よりも優先されるので、Ctrl+Sの上書きは無理。

A quick preview will be rendered here when you click "Preview" button.