LTech

JavaScript基礎イベントで学んだ内容をテストしましょう！10問のクイズに答えて、あなたの理解度を確認してください。

問題 1: イベントとは何ですか？

Webページの見た目を変える仕組み

ユーザーがWebページで行う操作

データベースを操作する仕組み

サーバーと通信する仕組み

問題 2: イベントリスナーを追加する正しい方法はどれですか？

要素.addEventListener("イベント名", 関数);

要素.onイベント名 = 関数;

要素.attachEvent("イベント名", 関数);

AとBの両方

問題 3: ボタンクリックに反応するイベントの名前は何ですか？

"button"

"click"

"press"

"tap"

問題 4: 以下のコードの実行結果はどうなりますか？
`const button = document.getElementById("myButton"); button.addEventListener("click", () => { message.textContent = "ボタンがクリックされました！"; });`

ページが読み込まれた瞬間にメッセージが表示される

ボタンがクリックされた時にメッセージが表示される

エラーになる

何も起こらない

問題 5: 入力欄に文字を入力した時にリアルタイムで反応するイベントはどれですか？

"change"

"input"

"type"

"keydown"

問題 6: イベントオブジェクトで、イベントが発生した要素を取得するプロパティはどれですか？

event.target

event.element

event.source

event.current

問題 7: フォーム送信イベントで、ページの再読み込みを防ぐために使うメソッドはどれですか？

event.stopReload()

event.preventDefault()

event.cancelSubmit()

event.stopDefault()

問題 8: フォームの送信を制御するイベントの名前はどれですか？

"form"

"submit"

"send"

"post"

問題 9: ページが読み込まれた時に実行されるイベントの名前はどれですか？

"ready"

"load"

"start"

"init"

問題 10: キーボードイベントで押されたキーを取得するプロパティはどれですか？

event.key

event.keyCode

event.which

A、B、Cの全て

会員限定コンテンツ

ユーザー登録をすると、このクイズの解答を確認できるようになります。

会員登録をするとこんなメリットがあります

解答の確認
クイズの正解・解説を確認

進捗管理
学習履歴を記録・管理

新着通知
新しい教材をお知らせ

完全無料
登録料・月額料金なし

無料会員登録ログイン

登録は1分で完了します

JavaScriptクイズ - イベント