فرق بین mouseout و mouseleave در جاوا اسکریپت

رویداد ها یا event ها در جاوا اسکریپت تنوع بسیاری دارند! اما بعضی از آنها، عملکردی تقریبا مشابه دارند در اوج این که از لحاظ عملکردی باهم بسیار متفاوت هستند.

بعنوان مثال ما دو  ایونت برای mouse در جاوا اسکریپت داریم به اسم mouseout و mouseleave هر دو مربوط به خارج شدن موس از یک بخش،سکشن یا div میتواند باشد اما تفاوت این دو در این است که :

ایونت mouseout
در هر سکشن و چایلد هاش یبار اوت حساب میشه
ایونت mouseleave فقط از والد حساب میشه

مثلا اگر یک div داشته باشیم و درون آن یک تگ p باشد
و روی div، ایونت mouseout بزنی
هربار موس خود را روی پاراگراف حرکت بدهیم و دوباره روی دیو برگردیم و باز بریم روی پاراگراف هربار ایونت اجرا میشه
اما اگر همان شرایط را با ایونت mouseleave انجام دهیم
فقط تا وقتی که موس از روی دیو به طرف ایونت بیاید اجرا میشه