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

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

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

例

次のコードを実行して、 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>

  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()">