Pixi.js: [v4.4.0] يتم إرسال حدث النقر للعنصر حتى إذا كان عنصر DOM أعلاه

تم إنشاؤها على ٢٧ فبراير ٢٠١٧  ·  24تعليقات  ·  مصدر: pixijs/pixi.js

مهلا !

منذ الإصدار 4.4.0 ، لاحظت أنه عند النقر فوق عنصر DOM الموجود فوق كائن على لوحة pixi. لا يزال حدث نقرة الكائن قيد التشغيل.

لقد قدمت مثالًا سريعًا هنا:
الإصدار 4.4.0
https://jsfiddle.net/ku55deL6/5/

الإصدار 4.3.5
https://jsfiddle.net/ku55deL6/4/

وشكرا رفاق على عملكم الرائع!

💾 v4.x (Legacy) 🕷 Bug

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

أتمنى 😛 يستخدم تطبيقي هذا الموقف كثيرًا ، وللأسف هذا يسبب لي الكثير من الأخطاء ..

ال 24 كومينتر

شكرا على الإصلاح الخاص بك. لكن المشكلة لم يتم حلها بالكامل.

إذا نقرت عدة مرات على عنصر DOM أعلى Sprite ، يمكنني إعادة إظهار المشكلة.

مثال مع v4.4.1: https://jsfiddle.net/ku55deL6/9/

جميل :) تستمر المغامرة!

حسنًا ، يجب أن يحل https://github.com/pixijs/pixi.js/pull/3800 مشكلة أخرى كانت تسبب ذلك.

andrewstart هل يمكنك التحقق من هذا العبث

نعم ، إنه يعمل. بغض النظر عن عدد مرات النقر فوق اللافتة الصفراء ، يظل الأرنب في مكانه.

مرحبا شباب!

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

انظر هذا: https://jsfiddle.net/FNevesFMQ/uwx24bm8/

في هذه المرحلة ، أعتقد أنك تتسلل إلى الأخطاء في الكود لجعلها تعمل بالنسبة لي
سأحظى بفرصة إلقاء نظرة على هذا الأسبوع. أعلم أن لدينا اختبارات وحدة لفرض عدم الحصول على أحداث المؤشر للعفاريت المتراكبة ، لذلك سأضطر إلى البحث في سبب تغيير الحاويات المختلفة لذلك.

أتمنى 😛 يستخدم تطبيقي هذا الموقف كثيرًا ، وللأسف هذا يسبب لي الكثير من الأخطاء ..

لقد تم حل هذه المشكلة باستخدام https://d157l7jdn8e5sf.cloudfront.net/fix-interaction-issues/pixi.js ، ولكن ربما تكون فكرة جيدة أن تستخدمها لمعرفة ما إذا كانت هناك أية مشكلات أخرى لا نواجهها ' لا أعرف عنه.

لم يعمل التصحيح بالنسبة لي.
الحالة هي التالية (جوال ، سفاري):

  1. هناك حاويتان ، كلاهما تفاعلي ومتداخل
  2. عندما أقوم بالنقر فوق أعلى يتم تشغيل معالج نقرة واحدة في الجزء السفلي أيضًا

hazardsoft لدينا حاليًا اختبارات اجتياز للشروط التالية:

    Stage    (both interactive and non-interactive)
    /   \
   parent1  parent2   (together, both interactive and non-interactive)
      /       \  
    item1     item2   (always interactive)
    Stage    (both interactive and non-interactive)
        /    \  
    item1    item2   (always interactive)

في الاختبارات item1 و item2 يتداخل ، مع item1 أعلى item2 . كيف يختلف الإعداد الخاص بك؟ هل يمكنك توفير كمان / قلم؟

andrewstart ، أين يمكنني أخذ pixi.js مع إصلاحاتك؟ لذا يمكنني التحقق منها مقابل قضيتي.

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

في الوقت الحالي ، لم أفهم أي شرط لحدوث ذلك ..

نفس الشيء بالنسبة لي ، ما زالت حالتي غير ثابتة. سنحاول تحضير jsfiddle.

شكرا hazardsoft ، الكمان هو بالتأكيد أفضل طريقة بالنسبة لنا للتحقق من الإصلاحات.

bigtimebuddy المزيد من العمل من أجلك ، يا رفاق :) لقد دهشت بشدة لأنك تحل مشكلات التفاعل ، يبدو الأمر وكأنه كابوس.

هنا وجدته: https://jsfiddle.net/FNevesFMQ/uwx24bm8/

إذا تم تعيين التفاعل على Sprite ، فإنه يعمل بشكل جيد ، ولكن إذا تم تعيينه لحاوية ، يكون السلوك خاطئًا ، ويمكن النقر فوق جميع العناصر في نفس الوقت.

سيتم إصلاح هذا (أخيرًا) باستخدام https://github.com/pixijs/pixi.js/pull/3877

المزيد من المشاكل في Pixi 4.4.4 مع حدث mouseup

1- https://jsfiddle.net/8qtz73hf/ (يعمل مع الماوس)
2- https://jsfiddle.net/sbxoya8x/ (لا يعمل مع Mouseup)

يبدو أنه أحد الآثار الجانبية لإرفاق مستمعات تمرير الماوس بالنافذة ، للتأكد من أننا قادرون على إرسال أحداث mouseupoutside إذا كان الماوس خارج اللوحة (أو تم حظره بواسطة div آخر). أعتقد أنه سيتعين علينا فحص هدف الحدث ، في هذه الحالة ، للتأكد من أنه قماش الرسم وليس عنصرًا آخر.

هل هي نفس العدد # 3466؟
هل يجب علي فتح عدد جديد لهذا؟

لا ، لا يجب عليك ذلك. لقد كنت مشغولاً للغاية في العمل ، ولهذا لم تتح لي الفرصة لإصلاحه بعد.

تم قفل سلسلة الرسائل هذه تلقائيًا نظرًا لعدم وجود أي نشاط حديث بعد إغلاقه. الرجاء فتح قضية جديدة للأخطاء ذات الصلة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات