jQuery 3.3

.focusin()




jquery

.focusin (معالج) إرجاع: jQuery

الوصف ؛: ربط معالج الحدث بحدث "Focusin".

  • الإصدار المضاف: 1.4 focusin (معالج)

    • معالج
      النوع: Function ( Event eventObject)
      هي وظيفة يتم تنفيذها في كل مرة يتم فيها تشغيل الحدث.
  • الإصدار المضاف: 1.4.3 .focusin ([eventData] ، معالج)

    • eventData
      النوع: Anything
      كائن يحتوي على بيانات سيتم تمريرها إلى معالج الحدث.
    • معالج
      النوع: Function ( Event eventObject)
      هي وظيفة يتم تنفيذها في كل مرة يتم فيها تشغيل الحدث.
  • الإصدار المضاف: 1.0 .focusin()

    • هذا التوقيع لا يقبل أي حجج.

هذه الطريقة هي اختصار لـ .on( "focusin", handler ) في أول .trigger( "focusin" ) ، و .trigger( "focusin" ) في الثلث.

يتم إرسال حدث التركيز إلى عنصر عندما يركز أو يركز عليه أي عنصر بداخله. هذا يختلف عن الحدث focus في أنه يدعم الكشف عن الحدث التركيز على العناصر الأصل (وبعبارة أخرى ، فإنه يدعم فقاعات الحدث).

من المحتمل استخدام هذا الحدث مع حدث focusout .

ملاحظات إضافية:

  • نظرًا .focusin() طريقة. .focusin() هي مجرد اختصار لـ .on( "focusin", handler ) ، فإن .off( "focusin" ) ممكن باستخدام .off( "focusin" ) .

مثال:

راقب التركيز حتى يحدث داخل الفقرات في الصفحة.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>focusin demo</title>
  <style>
  span {
    display: none;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<p><input type="text"> <span>focusin fire</span></p>
<p><input type="password"> <span>focusin fire</span></p>
 
<script>
$( "p" ).focusin(function() {
  $( this ).find( "span" ).css( "display", "inline" ).fadeOut( 1000 );
});
</script>
 
</body>
</html>

عرض: