使うことは多いと思います。使っていたとき、ある問題に直面しました。いう問題ここではこの原因と代わりの代替案についてまとめてみたいと思います。このページの目次window.onloadには複数コールバックは登録できないonloadの複数登録の代わりに使える2つの方法1.addEventListenerメソッドを使う2.jQueryのbindメソッドまたはonメソッドを使うここまでのまとめwindow.onloadには複数コールバックは登録できない例えば次のようなコードを書いたとしましょう。onload」のアラートだけです。1番目に登録したコールバックは一切呼ばれません。渡したコールバックは上書きされてしまうからです。複数登録するなら次に紹介する代わりの方法を使う必要があります。複数コールバック登録する代わりの方法について紹介していきます。イベントへのイベントハンドラです。これは1つしか存在しないため、コールバックを複数登録すると当然上書きされてしまいます。メソッドを使えば上書きせずに新しく追加ができます。ように両方ともコールバックが実行されるようになります。ちなみに実行される順番は登録した順と変わりません。2.jQueryのbindメソッドまたはonメソッドを使うもしjQueryを使っているならbindメソッドまたはonメソッドも使えます。複数コールバックを登録したいときに便利です。あと実行される順番についてもコールバック登録した順番と変わりません。置き換えればOKです。ちなみにonメソッドとbindメソッドは次のような点で少し違います。onメソッド引数にセレクタも指定できる。対になるのはoffメソッドbindメソッド引数にはセレクタは指定できない。対になるのはunbindメソッドこの使い分けが問題になるのは動的に要素追加したときですね。その場合は次記事で紹介したみたいにonメソッドでセレクタ指定しないと上手く動きません。イベントの場合はどっちを使っても問題ないです。個人的にはonメソッドの方を使うことが多い気がします。イベントに対するイベントハンドラなため。load時のコールバック処理});ちなみにonメソッドも同じように使用可能。コールバックを1つしか登録できないことに要注意です。複数登録するなら上で挙げた代わりの方法を使いましょう。扱い方の注意点についてでした。個人でWebサービスとかツールとかを開発しているWeb系の人。このブログでは学んだことや開発に役立つ知識、プログラマーや開発者向けの情報を発信していく予定。PHP、JavaScript(jQuery)、CSSがメイン。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目ですCommentName*Email*Website上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。個人でWebサービスとかツールとかを開発しているWeb系の人。このブログでは学んだことや開発に役立つ知識、プログラマーや開発者向けの情報を発信しています。未分類JavaScriptjQueryPHPCSSWordPressこんなアプリも作ってます。3Dドット絵メーカー(オープンベータ版)3Dドット絵(ボクセルアート)を作れるアプリ。個人でWebサービスとかツールとかを開発しているWeb系の人。このブログでは学んだことや開発に役立つ知識、プログラマーや開発者向けの情報を発信しています。2020.02.26Androidで簡単にシェア(共有)機能実装。