指向性メモ::2006-06-24::Googleがonclickにはhref="javascript:void(0)"も付ける理由

ページ情報
制作日
2006-06-24T18:51:37+09:00
最終更新日
2007-11-11T13:34:53+09:00
ページ内目次

Googleはonclickなアイテムにはhref="javascript:void(0)"も付けてくれることが多いあるのだが、このお陰で(少なくともFxなら)フォーカスを合わせることが出来る(フォーカス状態でEnterを押せばクリックと同じ動作になる)。対してLDRなどはonclick属性しか使用していないらしく、Tabキーでブラウジングしてる場合などに、フィードの一覧にどうやってもフォーカスが移らないため、とても残念な気持になる。

例えばspan要素などにonclick属性を付けてイベントを発生させている場合はこの方法は使えない(そもそもhref属性がない)ため、表面上のユーザビリティ的には、クリックイベントを取得する場合はa要素を使い、onclick属性と一緒にhrefも付けておくのがよいと言うことになる。

フォロー記事
フォーカスとjavascript:void(0)の話・2

Comments

Name
mala
Datetime
2006-06-25T15:46:04+09:00
Message

Tabでのフォーカス云々は独自にショートカットキーを実装してるので大して意味が無い話だと思います。

> href="javascript:void(0)"

これは避けるべき悪習だとすでに多くの開発者が認識してるはずです。

リンクのコピーとか、ホイールクリックで新規タブで開くとか、ユーザーが期待する動作を裏切ります。

リンクとして機能させる気がないのであれば、a要素を使うべきではないと思います。

(適切なリンク先があるならa要素を使った上でイベントを割り当ててます)

フィード一覧をa要素にしないのは、それとは関係なくホイールスクロールしようとして誤爆するからです。

そもそもGoogleがjavascript:void(0)をやってる箇所をあまり知りません。

パーソナライズドホームぐらいでは?

Name
david
Datetime
2007-11-11T13:34:53+09:00
Message

thank you.

Trackbacks

Trackback Ping URI

http://yudai.arielworks.com/memo/2006/06/24/185137.trackback

末尾に「7 + 9」の計算結果を繋げて下さい。例えば計算結果が「17」の場合、「185137.trackback17」です。これは機械的なトラックバックスパムを防止するための措置です。

Post a comment

Name (optional)
Email address or URI (optional)
Do the math below (required to filter comment spams)
7 + 9 + 3 =
Message (required)
Submit
連絡先、リンク、転載や複製などについては『サイト案内』をご覧ください。Powered by HIMMEL

I ♥ Validator