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

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

マウスポインタが要素の外に移動すると、 onmouseout 属性トリガー。次のコードを試して、 onmouseoutを実装できます。 属性-

例 
<!DOCTYPE html>
<html>
   <body>
      <h3 id = "myid" onmouseout = "mouseOut()">
         This is demo heading.
      </h3>
      <p>Click above and then release.</p>

      <script>
         function mouseOut() {
            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()">