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

ユーザーがHTMLの
要素を開いたり閉じたりしたときにスクリプトを実行しますか？

ユーザーが

要素を開いたり閉じたりすると、 ontoggle イベントが発生します。次のコードを実行して、 ontoggleを実装してみてください。 イベント属性-

例 
<!DOCTYPE html>
<html>
   <body>
      <h2>Details</h2>
      <p>You need to join office from Feb23<p>
      <details ontoggle="display()">
         <summary>More Information</summary>
         <p>Timings: 9 to 5:30</p>
         <p>Office location: Hyderabad</p>
      </details>
     
      <script>
         function myFunction() {
            alert("Timings, office location, etc");
         }
      </script>
   </body>
</html>

  1. 要素がHTMLでクリックされているときにスクリプトを実行しますか？

    onclickを使用します 要素がHTMLでクリックされたときにスクリプトを実行する属性。 例 次のコードを実行して、 onclickを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <button onclick = "display()">Click</button>       <p id = "test"></p> &n

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

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