Script #7 استدعاء تابع عند تمرير مؤشر الفأرة على عنصر

السلام عليكم

هدف السكربت اليوم هو التعرف على الأحداث، وسنتعامل اليوم مع التابع onmouseover الذي يكون عنصرًا من كائنات عناصر HTML

يتم استدعاء هذا التابع عندما نمرر مؤشر الفأرة على العنصر

وهذا التابع يكون بلا جسم ( يعني اسم تابع فقط)

وعلينا أن نقوم بإسناد تابع حقيقي لهذا العنصر من الكائن

بالمثال يتّضح الكلام:

لدينا هذا التابع البسيط

function simple(){document.writeln("Hello World!")}

ونريد استدعاءه عندما نمرر الفأرة على شعار حسوب IO

نجلب شعار حسوب

var hsoub=document.querySelector("logo")

نقوم بإسناد التابع onmouseover في الكائن hsoub إلى التابع simple

hsoub.onmouseover=simple

وتكون طبخة اليوم الجاهزة هي السكربت التالي:

document.querySelector(".logo").onmouseover=function(){document.writeln("Hello World!")}

والآن سيتمّ استدعاء التابع عند تمرير المؤشّر على الشّعار

والله وليّ التوفيق