Rumah > Artikel > hujung hadapan web > Dalam JavaScript, apakah tujuan acara onscroll?
Dalam JavaScript, apakah tujuan acara onscroll?
- PHPzke hadapan
- 2023-08-29 14:09:021263semak imbas
Apabila bar skrol elemen ditatal, acara onscroll dicetuskan. Anda boleh cuba menjalankan kod berikut untuk mengetahui cara melaksanakan acara onscroll dalam JavaScript.
Contoh
<!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>Atas ialah kandungan terperinci Dalam JavaScript, apakah tujuan acara onscroll?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Bagaimana untuk menulis kod kotak carian htmlArtikel seterusnya：Bagaimana untuk menulis kod kotak carian html