質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.04%

<body>~</body>にjavascriptでonunloadを設定したかったが、作動しなかった。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 263

score 16

※質問の書き方がよく分かっておらず、すみません。また、Markdown記法の書き方も合っているかどうかを確認する方法がわからないため、もし書き方がうまくいって居なかったらすみません。読みづらい点等、ご指摘いただけると幸いです。
よろしくお願いします。

前提・実現したいこと

javascriptで、onscrollhtmlのbodyタグに設定して、onscrollを作動させたいのですが、 改善点につき、アドバイスを頂けませんか。

発生している問題・エラーメッセージ

onscrollのイベントが発生しません。 エラーメッセージは出ていません。

該当のソースコード

//25.onunload
var elem1 = document.getElementById("onscroll");
var elem2 = elem1.getElementsByClassName("onunload");
elem2.onunload= function(){
    console.log('リソースのロードをアンロードしました。');
}
<body id="onscroll" class="onunload"><!-- id:22. onscroll --><!-- class:25. onunload-->

試したこと

htmlをchromeで表示し、command+rを押して更新をした。

補足情報(FW/ツールのバージョンなど)

特になし

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+2

onunloadが存在するのはwindowです(MDNHTML LS)。bodyに付けても意味はありません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/12/21 12:12

    ありがとうございます。
    処理結果を確認するのが難しいということなのですね。
    ちなみにですが、javascriptのコードに関しては、質問の時のコードで問題ないのでしょうか。
    それとも、コメントのところで書き換えたコードの方がいいのでしょうか。

    キャンセル

  • 2020/12/21 12:13

    > ちなみにですが

    window.onunload= function(){
    console.log('リソースのロードをアンロードしました。');
    }

    だけでいいです。

    キャンセル

  • 2020/12/21 12:53

    ありがとうございます。
    コメントの内容につき、前後してすみません。
    >onunloadが動作するのはページ遷移あるいはページを閉じる際、というものですが、それは大丈夫ですか?
    →すみません。この点についてもちょっと理解が曖昧になっています。
    この点についてですが、自分の認識としては、
    ①まず、onunloadは、リソースのロードをアンロードするときに発生するもの。
    ②リソースのロードをアンロードする、というのがよくわからないのですが、
     (1)リソース→HTMLなどのソースコードのこと
     (2)ロード→「コンピュータのプログラムにおいて、記憶媒体にセーブされたデータ(セーブデータ)から作業内容や各種データを復元すること。」「何かをどこかに読み込む」こと
     (3)アンロード→「「ロード」の逆」、「読み込んだ何かを破棄すること」
    (1)〜(3)からして、例えば、ブラウザ(chrome)にHTMLなどのソースコード(リソース)を読み込ませて(ロード)、表示させた後に、閉じるボタンを押す(アンロード)ことやブラウザ(chrome)に今回のを読み込ませて、別のページに遷移するために読み込んでいたもの(積荷)を下ろす、ということなどがonunloadが動作する例ということなのかな、と考えて居ます。
    また、ブラウザの更新ボタンを押したとき(command+rなど)も、一度読み込んでいたリソースを一度アンロードしてから、再度表示させる事になるため、onunloadが動作するということなのではないか、と思って居ます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.04%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る