JavaScript에서 onscroll 이벤트의 목적은 무엇입니까?-HTML 튜토리얼-php.cn

JavaScript에서 onscroll 이벤트의 목적은 무엇입니까?

PHPz

풀어 주다： 2023-08-29 14:09:02

앞으로

1321명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!