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

マウスポインタがHTMLの要素上を移動している限り、スクリプトを実行しますか?


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

<!DOCTYPE html>
<html>
   <body>
      <h3 id = "myid" onmousemove = "mouseMove()">
         This is demo heading.
      </h3>
     <p>Click above and then release.</p>
     <script>
        function mouseMove() {
        document.getElementById("myid").style.color = "red";
        }
     </script>
   </body>
</html>

  1. 要素がHTMLでフォーカスを取得したときにスクリプトを実行しますか?

    onfocusを使用する 要素がHTMLでフォーカスを取得したときにスクリプトを実行する属性。 例 次のコードを実行して、 onfocusを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <p>Enter subject name below,</p>       Subject: <input type = "text" id = "sname"

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

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