emoji claps

الرموز التعبيرية التصفيق

عنصر الخبرة المدمن على التصفيق؟ / إعجاب؟ / عدم الإعجاب؟ .

ما الجديد؟

نعم، يمكنك click مع hold لزيادة العدد. جربه على Codepen!

تثبيت

$ yarn add emoji-claps // ES module

أو في المتصفح

 < script src =" https://unpkg.com/emoji-claps/dist/emoji-claps.umd.js " > </ script >
<!-- It's umd bundle--> 

بوليفيل

تستخدم الرسوم المتحركة طريقة Element.animate و effect.target ، وهي رائعة وضرورية ولكنها لا تدعم بشكل كامل الإصدار المنخفض من المتصفح وSafari، لذا يرجى تشغيل polyfill web-animation next قبل الأولي.

 < script src =" https://rawgit.com/web-animations/web-animations-js/master/web-animations-next-lite.min.js " > </ script > 

الاستخدام

 < emoji-claps 
             emoji =" ? " 
             currentcount =" 30 " 
             maxcount =" 50 " 
             bullets =' ["?","?","","?"] ' 
             bulletcount =" 6 " 
             prefix =" + "
             > </ emoji-claps > 

حدث

ممتلىء

سيتم تشغيل الحدث full عندما currentcount === maxcount .

خذ مثالا

 const emojiClaps = document . querySelector ( 'emoji-claps' ) ;
emojiClaps . addEventListener ( 'full' , e => {
  // Do something if currentcount is 50 (maxcount)
} )

انقر

سيتم تشغيل حدث click عندما ينقر المستخدم على emoji-claps .

خذ مثالا

 const emojiClaps = document . querySelector ( 'emoji-claps' ) ;
emojiClaps . addEventListener ( 'click' , e => {
  // Do something track after user click
} )

---

ترخيص معهد ماساتشوستس للتكنولوجيا © 2019 realdennis