エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Webの勉強
問題 "ul""li"のリストにスクロールバーをつけ、上下Keyでリスト項目の移動をしようとしたが、bodyスク... 問題 "ul""li"のリストにスクロールバーをつけ、上下Keyでリスト項目の移動をしようとしたが、bodyスクロールバーが動いてしまう問題の調査。 原因 "body"全体でKey検知を行っていたため。 はじめ、上下Keyのスクロールバーが動いてしまうのは、ブラウザのデフォルト機能のため、それを抑止するために、 event.preventDefault() をしかければいいかと考えたが、これをやってしまうと、"ul"のスクロールもできなくなってしまう。 そのため、event.preventDefault()案は却下。 対策① ・ keyイベントの検知を""ul""にフォーカスがあたった時だけにする "ul"をフォーカス対象をにする(tabindexを付加する) "ul"にkeypressイベントをひもづける ・ "li"にtabindexをいれ、上下Key検知でsetFocus()をCal