ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML要素上でマウスボタンが押されたときにスクリプトを実行しますか?

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

王林
リリース: 2023-08-29 20:53:14
転載
1390 人が閲覧しました

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

HTML の onmousedown 属性を使用して、要素上でマウス ボタンが押されたときにスクリプトを実行します。

次のコードを実行して、onmousedown 属性 -

<!DOCTYPE html>
<html>
   <body>
      <h3 id = "myid" onmousedown = "mouseDown()" onmouseup = "mouseUp()">
         This is demo heading.
      </h3>
      <p>Click above and then release.</p>
      <script>
         function mouseDown() {
            document.getElementById("myid").style.color = "yellow";
         }
         function mouseUp() {
            document.getElementById("myid").style.color = "blue";
         }
      </script>
   </body>
</html>
ログイン後にコピー
を実装してみてください。

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート