HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

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

マウスオーバー 属性は、マウスポインタがHTMLの要素上に移動したときにトリガーされます。

例

次のコードを実行して、 onmouseoverを実装してみてください。 属性-

<!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>

  1. ユーザーがHTML要素の上にマウスを移動したときにテキストを表示する方法

    この超高速チュートリアルでは、ユーザーが画像やリンクなどの要素にカーソルを合わせたときに、簡単な説明テキスト（ツールチップなど）を表示する方法を学習します。 ツールチップを追加する方法は数秒かかりますHTMLタイトル属性titleを使用するだけです 。 ホバー（要素の上にマウスを置く）にテキストを表示する これは、ルービックキューブの画像の基本的な例です。この画像の上にマウスを移動すると、数秒以内にルービックキューブに関する追加情報がポップアップ表示されます。 上記の画像要素のHTMLマークアップは次のとおりです。 ユーザーがリンク/アンカー要素の上にマウスを移動したときにツールチ

  2. HTMLの要素でマウスボタンが押されたときにスクリプトを実行しますか？

    onmousedownを使用する 要素上でマウスボタンが押されたときにスクリプトを実行するためのHTMLの属性。 例 次のコードを実行して、 onmousedownを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <h3 id = "myid" onmousedown = "mouseDown()" onmouseup = "mouseUp()">