رویداد onscroll
مثال (رویداد onscroll)
اجرا کردن یک تابع جاوااسکریپت هنگامی که یک عنصر <div> اسکرول می شود:
<div onscroll="myFunction()">
خودتان امتحان کنید »
تعریف و کاربرد
رویداد onscroll هنگامی روی می دهد که اسکرول بار یک عنصر حرکت داده شود.
نکته: می توانید با استفاده از خصوصیت overflow برای یک عنصر اسکرول بار ایجاد کنید.
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onscroll | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
<element onscroll="myScript">امتحان کنید
در جاوااسکریپت:
object.onscroll=function(){myScript};امتحان کنید
استفاده از متد addEventListener()، در جاوااسکریپت:
object.addEventListener("scroll", myScript);امتحان کنید
نکته: متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | خیر |
|---|---|
| Cancelable: | خیر |
| Event type: | UIEvent |
| Supported HTML tags: | <address>, <blockquote>, <body>, <caption>, <center>, <dd>, <dir>, <div>, <dl>, <dt>, <fieldset>, <form>, <h1> to <h6>, <html>, <li>, <menu>, <object>, <ol>, <p>, <pre>, <select>, <tbody>, <textarea>, <tfoot>, <thead>, <ul> |
| DOM Version: | Level 2 Events |
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 6142
