質問: 初めて質問させて頂きます。 ChromeなりFirefoxのデベロッパーツールを使って、任意の場所にマウスカーソルの現在座標を表示させようとしています。サイトを表示させてデベロッパーツールを開き、htmlの適当な位置に以下のようなエレメントを追加しました。 ``` X: Y: ``` 上記は無事表示されています。ここで更にbodyタグ直下にscriptタグで以下のようなコードを挿入しました。 ``` ``` なんとなくダメそうな気はしてましたがやはりだダメだったので、onload=function(){}を削除してみましたがダメでした。もっと時間を掛けてじっくり調べるか、一からJavaScriptの基本的な所をもっと深く理解すれば、基本的な所が解って無さそうな気はしてるのですが、自分の今の理解では少し時間が掛かりそうなので、こちらでもっと詳しい方のお知恵を拝借できればと思い質問させて頂きました。 どなたかお知恵をお貸し頂けたら嬉しいです。宜しくお願いします。
回答: > > onload=function(); > > > 上記のコードが複数記入されていませんか? onload(window.onload)を複数記入すると、後から記入したコードで上書きされてしまい最初のonloadは実行されないということが起こってしまいます。 なので、onloadが複数ある場合は一つにまとめて実行してみてください。 もしくは、 ``` ``` というように、onloadではなく別名をつけて呼び出してください。 ちなみに、onloadは名前の通り、**HTMLファイルを読み込んだ後に実行する**といった意味合いがあります。 なので、onloadを外して失敗した理由は「HTMLファイルをまだ読み終わっていない状態で、idがmouseXや、mouseYの要素を探してしまっているので、見つからなかった」ということになります。 onloadを外して実行する場合は、``タグの後においてテストしてみてください。 関数の中身自体は私の環境では問題なく動作しました。