首頁 >web前端 >html教學 >在JavaScript中，onscroll事件的用途是什麼？

在JavaScript中，onscroll事件的用途是什麼？

PHPz轉載: 2023-08-29 14:09:021364瀏覽

當元素的捲軸被捲動時，會觸發onscroll事件。您可以嘗試執行以下程式碼來了解如何在JavaScript中實作onscroll 事件。

範例

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            border: 2px solid blue;
            width: 300px;
            height: 100px;
            overflow: scroll;
         }
      </style>
   </head>
   
   <body>
      <div id="content">
         This is demo text. This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
      </div>
      <p id = "myScroll"> </p>
      <script>
         document.getElementById("content").onscroll = function() {myFunction()};
         function myFunction() {
            document.getElementById("myScroll").innerHTML = "Scroll successfull!.";
         }
      </script>
   </body>
</html>

以上是在JavaScript中，onscroll事件的用途是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：html搜尋框代碼怎麼寫下一篇：html搜尋框代碼怎麼寫

看更多