Q&A
模写コーディングをしており、デベロッパーツールで中身を見ると以下のものが書かれていました。
js
1//スクロール後ヘッダーの色が変わる 2$(function() { 3 $(window).on('load scroll', function() { 4 // 処理の内容 5 }); 6});
恐らく、'load'または'scroll'をするとイベントが発火するのだと思います。
こちらをjavascriptで書こうと、
html
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <title>Document</title> 8 <link rel="stylesheet" href="../css/html5reset-1.6.1.css" /> 9 <link rel="stylesheet" href="../css/all.min.css" /> 10 <link rel="stylesheet" href="../css/style.css" /> 11 </head> 12 <body> 13 <div class="box box1"></div> 14 <div class="box box2"></div> 15 <script src="../js/main.js"></script> 16 </body> 17</html>
css
1.box { 2 height: 100vh; 3} 4 5.box1{ 6 background-color: lightblue; 7} 8.box2{ 9 background-color: lightcoral; 10}
js
1window.addEventListener("load click", function () { 2 console.log("hello"); 3});
と、試してみましたが上手く作動しませんでした。
javascriptでは'load'または'scroll'をするとイベントが発火するというような、複数のイベント種類を登録することは出来ないのでしょうか？
よろしくお願いします。
回答1件
0
ベストアンサー
過去質問にこういうのがあります。
addEventListenerで複数のイベントをbindしたい
投稿2021/11/21 00:37
総合スコア80861
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/11/21 04:40
2021/11/21 04:53