TGViewer
CodeTrail🚀 CodeTrail🚀 @codetrailweb · 60 subscribers
Post #53 109
💡 رویدادها یکی از مهم‌ترین بخش‌های JavaScript برای واکنش به اتفاقاتی هستن که هنگام تعامل کاربر یا اجرای صفحه رخ میدن

برخی از رویداد های مهم👇

🔹 "animationstart" → شروع انیمیشن
🔹 "animationend" → پایان انیمیشن
🔹 "animationiteration" → پایان هر دور از انیمیشن

🔹 "transitionstart" → شروع Transition
🔹 "transitionend" → پایان Transition
🔹 "transitioncancel" → لغو شدن Transition

🔹 "online" → اتصال دوباره مرورگر به اینترنت
🔹 "offline" → قطع شدن اتصال مرورگر از اینترنت


🔹 "load" → کامل شدن بارگذاری یک منبع یا صفحه

🔹 "copy" → کپی کردن محتوا
🔹 "cut" → بریدن محتوا
🔹 "paste" → چسباندن محتوا


🔹 "dragstart" → شروع کشیدن عنصر
🔹 "drag" → در حال کشیده شدن عنصر
🔹 "dragend" → پایان کشیدن عنصر
🔹 "dragover" → قرار گرفتن عنصر کشیده‌شده روی مقصد
🔹 "drop" → رها کردن عنصر روی مقصد


🔹 "contextmenu" → باز شدن منوی راست‌کلیک

🔹 DOMContentLoaded →
زمانی که ساختار اچ‌تی‌ام‌ال صفحه کاملاً ساخته و پردازش می‌شود، بدون اینکه منتظر بارگذاری تصاویر و منابع دیگر بماند

🔹 beforeunload → درست پیش از خروج کاربر از صفحه یا بارگذاری دوباره اجرا می‌شود

🔹 visibilitychange → زمانی که وضعیت دیده شدن صفحه تغییر می‌کند؛ برای مثال وقتی کاربر از برگه صفحه خارج می‌شود

🔹 popstate → زمانی که وضعیت تاریخچه مرورگر با رفتن به صفحه قبلی یا بعدی تغییر می‌کند

🔹 storage → زمانی که داده‌های ذخیره‌شده در حافظه محلی یا حافظه نشست، در یک برگه یا پنجره دیگر تغییر می‌کنند

🔹 beforeinput → درست قبل از اینکه تغییر جدید روی مقدار یک ورودی اعمال بشه

🔹 pointerdown → شروع تعامل با ماوس، لمس یا قلم روی یک عنصر

🔹 pointerup → پایان فشار ماوس، لمس یا قلم

🔹 pointermove → حرکت نشانگر، لمس یا قلم روی صفحه


🔗 https://t.me/codetrailWeb
  • 🔥 4
  • ❤ 2
More from @codetrailweb
  1. Oct 5, 2026📅 چند متد کاربردی Date در JavaScript کار با تاریخ توی JavaScript اولش یه کم گیج‌کننده به…
  2. Sep 29, 2026📚 یک منبع مفید برای یادگیری JavaScript اگر در حال یادگیری یا کار با JavaScript هستید، Jav…
  3. Sep 19, 2026⚡ چند ترفند کاربردی Emmet در VS Code اگر با HTML و CSS کار می‌کنی، ابزار Emmet می‌تونه کلی…
  4. Sep 18, 2026📍 یه قابلیت جالب JavaScript می‌دونستی به‌جای اینکه آرایه‌ای از Objectها رو با ()console.l…
  5. Sep 15, 2026💡JavaScript چرا وقتی این کد رو اجرا می‌کنیم، ترتیب اعداد درست درنمیاد؟ 🤔 const numbers =…
  6. Sep 9, 2026💡 جواب چالش JavaScript 👆 ⬅️ جواب false هست چون در JavaScript، Objectها و Arrayها با Refe…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →