Vue: لم يتم إرسال الحدث بالترتيب الصحيح؟

تم إنشاؤها على ٢٩ يوليو ٢٠١٦  ·  3تعليقات  ·  مصدر: vuejs/vue

إصدار Vue.js

1.0.26

رابط الاستنساخ

http://codepen.io/anon/pen/akjNbW

خطوات التكاثر

  1. انقر فوق الإدخال
  2. حاول النقر فوق الزر

    ما هو متوقع؟

انقر فوق الحدث ليتم إطلاقه ، ثم التعتيم للمتابعة.

ما الذي يحدث بالفعل؟

يتم استدعاء حدث التعتيم ويتم التخلص من حدث النقر.

ليس لدي أي فكرة حقًا عما إذا كان هذا مرتبطًا بـ Vue أو كيف يتعامل المتصفح مع وفود الحدث. على الرغم من أنني اختبرت ذلك باستخدام Firefox و Chrome و IE و Edge ، فقد تصرفوا جميعًا بنفس الطريقة.

أي دليل سيكون موضع تقدير كبير.
شكرا لك مقدما.

picture julianxhokaxhiu
👍4 😕3

التعليق الأكثر فائدة

هذا هو السلوك القياسي للمتصفح. قد ترغب في الاستماع إلى الحدث mousedown بدلاً من ذلك.

الطريقة الصحيحة هي استخدام منطق أكثر تعقيدًا:

  • امنح الزر لحظة ليختفي بعد تعتيم الإدخال.
  • افرض على الزر أن يكون مرئيًا إذا كان الزر نفسه مركّزًا.
picture simplesmiler في ٢٩ يوليو ٢٠١٦
👍2 ❤1

ال 3 كومينتر

هذا سؤال جيد.
أعتقد أن مفتاح النقر المرتبط بالنقر يؤدي إلى التعتيم على الإدخال حتى قبل أن يتم تشغيل حدث النقر.

مخادع.

dottorblaster picture dottorblaster في ٢٩ يوليو ٢٠١٦

هذا هو السلوك القياسي للمتصفح. قد ترغب في الاستماع إلى الحدث mousedown بدلاً من ذلك.

الطريقة الصحيحة هي استخدام منطق أكثر تعقيدًا:

  • امنح الزر لحظة ليختفي بعد تعتيم الإدخال.
  • افرض على الزر أن يكون مرئيًا إذا كان الزر نفسه مركّزًا.
simplesmiler picture simplesmiler في ٢٩ يوليو ٢٠١٦
👍2 ❤1

أعتقد أن الحدث mousedown كافٍ ، شكرًا جزيلاً لك simplesmiler !

julianxhokaxhiu picture julianxhokaxhiu في ٢٩ يوليو ٢٠١٦
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

paceband picture paceband  ·  3تعليقات
wufeng87 picture wufeng87  ·  3تعليقات
guan6 picture guan6  ·  3تعليقات
loki0609 picture loki0609  ·  3تعليقات
paulpflug picture paulpflug  ·  3تعليقات