ホームページ  >  記事  >  ウェブフロントエンド  >  マウス ポインタが HTML 要素上に移動したときにスクリプトを実行しますか?

マウス ポインタが HTML 要素上に移動したときにスクリプトを実行しますか?

PHPz
PHPz転載
2023-08-30 09:29:171372ブラウズ

マウス ポインタが HTML 要素上に移動したときにスクリプトを実行しますか?

HTML では、マウス ポインターが要素上に移動すると、onmouseover 属性がトリガーされます。

次のコードを実行して、onmouseover property-

<!DOCTYPE html>
<html>
   <body>
      <h3 id = "myid" onmouseover = "display()">
         This is demo heading.
      </h3>
      <p>Keep the mouse cursor on the heading to change the color.</p>
      <script>
         function display() {
            document.getElementById("myid").style.color = "red";
         }
      </script>
   </body>
</html>
を実現してみてください。

以上がマウス ポインタが HTML 要素上に移動したときにスクリプトを実行しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。