انتقل إلى محتوى الدرس
فقرة فرعية #7 من درس: JS Events

onmouseout

ستتعلم في هذا الدرس ال JavaScript Events وكيفة كتابتها واين تكتب ولماذا تستخدم مع لغة ال JavaScript

1 صفوف تعليمية
جافا سكريبت
5,399 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
  •  onmouseout هو حدث event في JavaScript يساعدك على تنفيذ إجراءات معينة ، وتنفيذ عبارات معينة ، واستدعاء دالة أخرى عند إخراج الماوس من المنطقة التي يغطيها العنصر.
  • لاحظ أن العناصر الفرعية للعنصر الرئيسي الذي يتم استخدام هذا الحدث event فيه لا تتأثر بهذا الحدث المحدد في العنصر الرئيسي.
  • غالبًا ما يتم استخدام هذا الحدث في JavaScript مع حدث  onmouseover الذي يتم استدعاؤه عند نقل سهم الماوس إلى منطقة العنصر.
  • onmouseout هي خاصية معالج حدث يتم توفيرها بواسطة GlobalEventHandlers mixing المسؤولة عن تنفيذ حدث Mouseout في JavaScript.


Syntax

HTML
<element onmouseout="myScript">

Example

HTML
document.getElementById("demo").onmouseover = function() {mouseOver()};
document.getElementById("demo").onmouseout = function() {mouseOut()};

function mouseOver() {
  document.getElementById("demo").style.color = "red";
}

function mouseOut() {
  document.getElementById("demo").style.color = "green";
}