Heim > Artikel > Web-Frontend > Was ist in JavaScript der Zweck eines Onscroll-Ereignisses?
Was ist in JavaScript der Zweck eines Onscroll-Ereignisses?
- PHPznach vorne
- 2023-08-29 14:09:021332Durchsuche
Wenn die Bildlaufleiste des Elements gescrollt wird, wird das Onscroll-Ereignis ausgelöst. Sie können versuchen, den folgenden Code auszuführen, um zu erfahren, wie Sie das onscroll-Ereignis in JavaScript implementieren.
Beispiel
<!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>Das obige ist der detaillierte Inhalt vonWas ist in JavaScript der Zweck eines Onscroll-Ereignisses?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：So schreiben Sie HTML-SuchfeldcodeNächster Artikel：So schreiben Sie HTML-Suchfeldcode