jQuery 3.3

.blur()




jquery

.blur (معالج) العودة: jQuery

الوصف ؛: ربط معالج حدث بحدث جافا سكريبت "blur" ، أو تشغيل هذا الحدث على عنصر.

  • الإصدار المضاف: 1.0 .blur (معالج)

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

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

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

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

يتم إرسال حدث blur إلى عنصر عندما يفقد التركيز. في الأصل ، كان هذا الحدث قابلاً للتطبيق على عناصر النموذج فقط ، مثل <input> . في المتصفحات الحديثة ، تم توسيع نطاق الحدث ليشمل جميع أنواع العناصر. يمكن لعنصر أن يفقد التركيز عبر أوامر لوحة المفاتيح ، مثل مفتاح علامة التبويب ، أو بنقرات الماوس في أي مكان آخر على الصفحة.

على سبيل المثال ، ضع في اعتبارك HTML:

<form>
  <input id="target" type="text" value="Field 1">
  <input type="text" value="Field 2">
</form>
<div id="other">
  Trigger the handler
</div>
The event handler can be bound to the first input field:
$( "#target" ).blur(function() {
  alert( "Handler for .blur() called." );
});

الآن إذا كان التركيز على الحقل الأول ، يؤدي النقر فوق أي مكان آخر أو وضع علامة تبويب بعيدًا عنه إلى عرض التنبيه:

معالج لـ .blur () يسمى.

لتشغيل الحدث بطريقة برمجية ، قم بتطبيق .blur() بدون وسيطة:

$( "#other" ).click(function() {
  $( "#target" ).blur();
});

بعد تنفيذ هذه التعليمة البرمجية ، سيؤدي النقر فوق Trigger the handler أيضًا إلى تنبيه الرسالة.

لا يحدث حدث blur في Internet Explorer. لذلك ، لن تعمل البرامج النصية التي تعتمد على تفويض الحدث مع حدث blur باستمرار عبر المتصفحات. ومع ذلك ، بدءًا من الإصدار 1.4.2 ، يعمل jQuery حول هذا القيد من خلال تعيين blur على حدث focusout في طرق تفويض الحدث الخاصة به .live() و .delegate() .

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

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

مثال:

لتحريك حدث التعتيم على جميع الفقرات:

$( "p" ).blur();