首页  >  文章  >  web前端  >  在JavaScript中,onscroll事件的用途是什么?

在JavaScript中,onscroll事件的用途是什么?

PHPz
PHPz转载
2023-08-29 14:09:021326浏览

在JavaScript中,onscroll事件的用途是什么?

当元素的滚动条被滚动时,会触发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删除