ラジオボタンの変化を検知するためのイベント

Windows XPの IE7、Firefox2.0.0.12、Opera9.26 で確認

→Blogへ戻る

onchangeの場合

ブラウザ	マウスで選択	カーソルキーで選択
IE	NG (onchangeイベントの発生は、ラジオボタンからフォーカスが外れた時になる)	NG (マウスの時と同じ)
Firefox	OK	OK
Opera	OK	NG (イベント発生せず)

onclickの場合

ブラウザ	マウスで選択	カーソルキーで選択
IE	OK	OK
Firefox	OK	OK
Opera	OK	NG (イベント発生せず)

onfocusの場合

ブラウザ	マウスで選択	カーソルキーで選択
IE	NG (ラジオボタンが選択される(checkedが変わる)前にイベントが発生するため)	OK
Firefox	NG (ラジオボタンが選択される(checkedが変わる)前にイベントが発生するため)	NG (ラジオボタンが選択される(checkedが変わる)前にイベントが発生するため)
Opera	NG (ラジオボタンが選択される(checkedが変わる)前にイベントが発生するため)	OK

onclickとonfocusを併用の場合

Operaのカーソルキーでの選択時が面倒だったが、onclickとonfocusを併用することにより、全てカバー。