JavaScript에서 onscroll 이벤트의 목적은 무엇입니까?
- PHPz앞으로
- 2023-08-29 14:09:021376검색
요소의 스크롤 막대가 스크롤되면 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 검색창 코드 작성 방법