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

HTMLの要素上でマウスホイールをスクロールしているときにスクリプトを実行しますか？

マウスホイールが要素上でスクロールされているとき、オンホイール 属性トリガー。

例

次のコードを実行して、HTMLの要素上でマウスホイールをスクロールしているときにスクリプトを実行してみてください-

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body>
      <div id = "myDIV" onwheel = "display()">This is demo text. Roll the mouse wheel here.</div>

      <script>
         function display() {
            alert("Mouse Wheel used!");
         }
      </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()">