onmouseover/JavaScript - ホームページ入門サイト

イベントハンドラのonmouseoverについて、サンプルコードを示しながら使い方を説明しています。 onmouseoverの基本的な使い方 イベントハンドラのonmouseoverは、要素内にマウスカーソルが移動した時に処理を実行できます。 以下は、利用例です。 <div id="test-over"> ここにマウスを移動します。 </div> <script> const x = document.querySelector("#test-over"); x.onmouseover = function(){alert("テストです");}; </script> 赤字部分でonmouseoverイベントを登録しています。 実行例は、以下のとおりです。

[himabato]

属性としてのonmouseoverは現在は非推奨