يتم تشغيل السمة onfocus عندما يكتسب العنصر التركيز.
يتم استخدام التركيز على التركيز بشكل شائع لـ <input> و<select> و<a>.
نصيحة: السمة onfocus هي عكس السمة onblur.
ملاحظة: لا تنطبق سمة onfocus على العناصر التالية: <base>، <bdo>، <br>، <head>، <html>، <iframe>، <meta>، <param>، <script>، < النمط> أو <العنوان>.
مثاليتم تشغيل الوظيفة عندما يتم التركيز على حقل الإدخال. تعمل هذه الوظيفة على تغيير لون خلفية حقل الإدخال
<script>function setStyle(x){document.getElementById(x).style.background=yellow;}</script></head><body> <p>يتم تشغيل الوظيفة عندما يكتسب حقل الإدخال التركيز. تعمل هذه الوظيفة على تغيير لون خلفية حقل الإدخال. </p> الاسم الأول: <input type=text id=fname onfocus=setStyle(this.id)><br>الاسم الأخير: <input type=text id=lname onfocus=setStyle(this.id)> </body > سمة حدث HTML onblur التعريف والاستخداميتم تشغيل السمة onblur عندما يفقد العنصر التركيز.
يُستخدم onblur غالبًا في رمز التحقق من صحة النموذج (على سبيل المثال عندما يغادر المستخدم حقل النموذج).
مثالالتحقق من صحة حقل الإدخال عندما يتركه المستخدم:
<script>وظيفة UpperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()</script></head><body> <p>الرجاء إدخال الخاص بك الاسم، ثم انقل التركيز خارج الحقل:</p> الرجاء إدخال اسمك (الأحرف الإنجليزية): <input type=text name=fname id=fname onblur=upperCase()> </body>ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.