jQuery 3.3

.focusout()




jquery

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

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

  • الإصدار المضافة: 1.4

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

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

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

هذا الأسلوب هو اختصار لـ .on( "focusout", handler ) عند تمرير الوسائط ، و. .trigger( "focusout" ) عند تمرير أية وسائط.

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

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

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

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

مثال:

راقب فقدان التركيز ليحدث داخل الفقرات ولاحظ الفرق بين عدد focusout وحساب blur . (لا يتغير عدد blur لأن هذه الأحداث لا تفسد).

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>focusout demo</title>
  <style>
  .inputs {
    float: left;
    margin-right: 1em;
  }
  .inputs p {
    margin-top: 0;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div class="inputs">
  <p>
    <input type="text"><br>
    <input type="text">
  </p>
  <p>
    <input type="password">
  </p>
</div>
<div id="focus-count">focusout fire</div>
<div id="blur-count">blur fire</div>
 
<script>
var focus = 0,
  blur = 0;
$( "p" )
  .focusout(function() {
    focus++;
    $( "#focus-count" ).text( "focusout fired: " + focus + "x" );
  })
  .blur(function() {
    blur++;
    $( "#blur-count" ).text( "blur fired: " + blur + "x" );
  });
</script>
 
</body>
</html>

عرض: