دليل مرجعي لـ HTML

جميع علامات HTML

خاصية onmouseover في HTML

يستخدم خاصية onmouseover للحصول على أو تعيين دالة معالجة الحدث لحدث mouseover الحالي للعنصر

مثال على الإنترنت

يتم تنفيذ السكربت عند تحرك مؤشر الفأرة فوق الصورة:

مثال

<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية onmouseover في HTML (دليل أساسي على شبكة oldtoolbag.com)</title>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>عندما يتم تمرير الفأرة فوق الصورة، يتم تنفيذ دالة bigImg(). هذه الوظيفة تضخم الصورة.
عندما يتحرك مؤشر الفأرة خارج الصورة، يتم تنفيذ دالة normalImg(). هذه الوظيفة تضبط طول وعرض الصورة إلى القياس العادي.</p>
<script>
function bigImg(x) {
　　x.style.height = "64px";
　　x.style.width = "64px";
}
function normalImg(x) {
　　x.style.height = "32px";
　　x.style.width = "32px";
}
</script>
</body>
</html>

اختبر لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة خاصية أحداث onmouseover

التعريف والاستخدام

يتم تحفيز خاصية onmouseover عند تحريك مؤشر الفأرة فوق عنصر ما.

نصيحة: عادة ما يتم استخدام خاصية onmouseover معonmouseoutاستخدام الخاصيات معًا.

ملاحظة: لا يمكن استخدام خاصية onmouseover في العناصر التالية：<base>, <bdo>, <br>، <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, أو<title>.

الفرق بين HTML 4.01 و HTML5

ليس هناك.

النحو

<عنصر onmouseover="سكربت">

قيمة الخاصية

القيمة	وصف
سكربت	يحدد السكربت الذي سيتم تنفيذه عند تحفيز أحداث onmouseover.

خصائص أحداث HTML

HTML: <template> العلامة