Maison >interface Web >tutoriel HTML >En JavaScript, quel est le but de l'événement onscroll ?
En JavaScript, quel est le but de l'événement onscroll ?
- PHPzavant
- 2023-08-29 14:09:021340parcourir
Lorsque la barre de défilement de l'élément défile, l'événement onscroll est déclenché. Vous pouvez essayer d'exécuter le code suivant pour savoir comment implémenter l'événement onscroll en JavaScript.
Exemple
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment écrire le code du champ de recherche HTMLArticle suivant：Comment écrire le code du champ de recherche HTML