English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يستخدم خاصية onfocus للحصول على أو تعيين دالة معالجة الحدث لحدث التركيز الحالي. تُنفذ الحدث عند حصول العنصر الحالي على تركيز لوحة المفاتيح.
تُنفذ السكربت عند حصول حقل الإدخال على التركيز:
<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية onfocus في HTML (موقع دروس HTML الأساسية oldtoolbag.com)</title>
<script>
function setStyle(x)
{
document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>تُنفذ دالة setStyle عند حصول حقل الإدخال على التركيز. تغير هذه الدالة لون خلفية حقل الإدخال.</p>
أول اسم: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
آخر اسم: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>اختبر وأرى ‹/›IEFirefoxOperaChromeSafari
جميع المتصفحات الشائعة تدعم خاصية أحداث onfocus
تُتفعّل خاصية onfocus عند الحصول على التركيز بالعنصر.
Onfocus تستخدم عادة مع <input>, <select> و <a>.
إشارة:يحدد أحداث الخاصية التي تعمل عكس الخاصية onfocusonblur .
ملاحظة: لا يمكن استخدام خاصية onfocus في العناصر التالية: <base>, <bdo>, <br>، <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, أو <title>.
لا يوجد.
<عنصر onfocus="سكربت">
| قيمة | وصف |
|---|---|
| سكربت | يحدد سكربت يُنفذ عند تفعيل أحداث onfocus |