マウスのホイールによる入力エラーの可能性 (ユーザビリティ実践メモ)

しかし、プルダウンでの項目選択を行う入力フォームにおいては、この便利さが逆効果になる場合があります。弊社のユーザビリティテスト（ユーザ行動観察調査）で観察された例をご紹介しましょう。 1ページの入力項目が多く、何度かスクロールしなければ「次へ」のボタンまでたどり着けない入力フォームを使うという作業で、ほとんどのユーザはホイールを使いながら入力を進めて行きました。 その中で、あるユーザがプルダウンの項目を選択し終え、ページをスクロールして次の項目へ入力を進めようとホイールを操作したところ、直前に入力したプルダウンにまだフォーカス（ハイライト）が当たった状態であったため、選択項目が別のものに変わりました。つまり、ホイール操作がページのスクロールではなく、プルダウン内の選択項目の移動に使われたということです。 ユーザはページがスクロールしないことにすぐ気づき、ページ内の空白部分をクリックしてプル

[studio-m]

リストのonchangeでフォーカスを外して（window.focus()とか）ホイールによる誤選択を防止する

[mimimi0101]

　<form>

[sgw_spt]

プルダウンで、ホイールによって意図しない項目を選択している場合がある<select 〜 onchange="window.focus()"> のようにonchange属性を追加することで、プルダウン項目を選択した時点で自動的に

[Lycoris_i]

うーむ、これは面白い意見。

[mooiboom]

「onchange属性を追加することで、プルダウン項目を選択した時点で自動的にフォーカスが解除される」これ使おう。

[motofu]

これは良くやる。。。

[kurobuchi]

あ～確かにこれはよくやる。都道府県とか以外なるべく使わないほうが良い？

[tohokuaiki]

あるある。　jsによるWindow.focus()が実用的かな。

[caligo]

なるほどそういえば。

[oki448jp]

プルダウンリストの選択がマウスホイール操作によってズレてしまうことを防ぐ

[raimon49]

ひたすら入力項目が多くて長ったらしいフォームという時点で駄目だと思う。

[kimura_m_29]

『プルダウンを使わず、ラジオボタンによる選択とする』『<select 〜 onchange="window.focus()"> のようにonchange属性を追加することで、プルダウン項目を選択した時点で自動的にフォーカスが解除されるようにする』

[asagi29]

『プルダウンを使わず、ラジオボタンによる選択とする』『<select 〜 onchange="window.focus()"> のようにonchange属性を追加することで、プルダウン項目を選択した時点で自動的にフォーカスが解除されるようにする』

[gae]

あるある。VistaやIE7でも同じだったから絶望した

[natsubi]

あるある。（サイトのメニュー選択がこれだと嫌になる）

[eclucifer]

選択しやすいんだけどこういう間違いも多いorz｜プルダウンを使わずラジオボタンにする｜<select ～ onchange="window.focus()"> でプルダウン項目を選択した時点で自動的にフォーカスが解除されるようにする

[nitoyon]

ホイールによる意図しない挙動を防ぐためには。本来なら、ブラウザ側で対策すべきなんだろけどね…。

[hiro_y]

マウスホイールでフォームのセレクトボックスの値が変化してしまう問題。

[u--san]

「プルダウンでの項目選択を行う入力フォームにおいては、この便利さが逆効果になる」ときどきやってしまう

[pmakino]

http://jintrick.net/agenda/2008/03/re-36.html

[pukada]

関係ないけど気分よくスクロールしててiframeに引っかかるとイラッてなるよね

[dede-suke]

たまにやってしまう

[en-en-ra]

加えてonChangeとか設定されてると最悪。Hotmailで間違ってメールが移動されたり・・・。

[wata_d]

たまにホイールで選択したくなる時もあるけどなー。頭には入れておこう

[tomerun]

あるある