تحليل مشكلة سمات HTML5 المخصصة

عند نقل القيم بين الصفحات وjs، غالبًا ما نستخدم data-id=1، ثم نحصل على قيمة id من خلال e.target.dataset.id

اليوم لا أستطيع الحصول على القيمة عندما أحصل عليها

لاحقًا، وجدت أن الكائن e يحتوي على سمات currentTarget وtarget، وأن مجموعة البيانات موجودة في currentTarget، لذلك يتم الحصول على القيمة الصحيحة من خلال e.currentTarget.dataset.id .

بالإضافة إلى ذلك، من الأفضل عدم استخدام حالة الجمل لتسمية data-id=1، مثل: data-Id=1 ، وإلا فقد لا يتم الحصول على القيمة في بعض الأحيان.

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

الأحداث هي طريقة الاتصال من طبقة العرض إلى الطبقة المنطقية.

يمكن للأحداث أن تغذي سلوك المستخدم إلى الطبقة المنطقية للمعالجة.

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

يمكن أن تحمل كائنات الحدث معلومات إضافية، مثل المعرف ومجموعة البيانات واللمسات.

ربط معالج الحدث بالمكون.

على سبيل المثال، bindtap، عندما ينقر المستخدم على المكون، سيتم العثور على وظيفة معالجة الحدث المقابلة في الصفحة المقابلة من الصفحة.

 <view id=tapTest data-hi=WeChat bindtap=tapName> انقر فوقي </view>

اكتب وظيفة معالجة الحدث المقابلة في تعريف الصفحة المقابلة، والمعلمة هي الحدث.

 الصفحة ({ اسم النقر: الوظيفة (الحدث) { console.log (الحدث) }})

يمكنك أن ترى أن المعلومات التي تم تسجيل الخروج هي تقريبًا كما يلي:

 { النوع: الحنفية، الوقت: 895، الهدف: { المعرف: TapTest، مجموعة البيانات: { hi: WeChat } }، الهدف الحالي: { المعرف: TapTest، مجموعة البيانات: { hi: WeChat } }، التفاصيل: { x:53، y: 14 }، اللمسات:[{ المعرف:0، الصفحة X:53، الصفحة Y:14، العميل X:53، العميل Y:14 }]، تم التغيير:[{ المعرف:0, pageX:53, pageY:14,clientX:53,clientY:14 }]}

الرد على الأحداث باستخدام وظائف WXS

ما ورد أعلاه هو تحليل مشكلة سمات HTML5 المخصصة التي قدمها المحرر، وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!

إذا كنت تعتقد أن هذه المقالة مفيدة لك، فنحن نرحب بإعادة طبعها، يرجى الإشارة إلى المصدر، شكرًا لك!