【JavaScript && CSS】今更方向キーで丸を動かす - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/tacchan5424

1user がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

【JavaScript && CSS】今更方向キーで丸を動かす - Qiita

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>キー入力</title> <style> #circle { ... <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>キー入力</title> <style> #circle { width: 50px; height: 50px; border-radius: 50%; background: blue; position: absolute; top: 0; /* デモでは調整しています */ left: 0; /* デモでは調整しています */ } </style> </head> <body> <div id="circle"></div> <script> const movePx = 5; document.addEventListener("keydown", (e) => { // 現在の位置を取得、単位を外すためにint化(空文字の場合はNaNになるため0を設定)

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx