رویداد onmouseout

مثال (رویداد onmouseout)

اجرا کردن یک تابع جاوااسکریپت هنگامی که نشانگر موس از روی یک عکس خارج می شود:

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

رویداد onmouseout، هنگامی اتفاق می افتد که نشانگر موس، از روی یک عنصر یا فرزندان آن، خارج شود.

نکته: از این رویداد اغلب در کنار رویداد onmouseover استفاده می شود. رویداد onmouseover هنگامی اتفاق می افتد که، نشانگر موس بر روی یک عنصر یا فرزند آن وارد شود.

پشتیبانی مرورگرها

Event
onmouseout	بله	بله	بله	بله	بله

نحوه استفاده

در HTML:

<element onmouseout="myScript">امتحان کنید

در جاوااسکریپت:

object.onmouseout=function(){myScript};امتحان کنید

استفاده از متد addEventListener() در جاوااسکریپت:

object.addEventListener("mouseout", myScript);امتحان کنید

نکته: متد addEventListener()، در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.

جزئیات تکنیکی

Bubbles:	بله
Cancelable:	بله
Event type:	MouseEvent
Supported HTML tags:	تمام عناصر html به جز: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>
DOM Version:	Level 2 Events

مثال - خودتان امتحان کنید

مثال (رویداد onmouseout)

این مثال تفاوت بین سه رویداد onmousemove و onmouseleave و onmouseout را نشان می دهد:

<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>

<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>

<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>

خودتان امتحان کنید »

مرجع کلیه رویدادهای JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5169

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی