emoji claps

Emoji-Klatschen

Ein erlebnissüchtiges Element zum Klatschen? / gefällt mir? / nicht mögen? .

Was ist neu?

Ja, Sie können click und hold , um die Zahl zu erhöhen. Probieren Sie es auf Codepen aus!

Installation

$ yarn add emoji-claps // ES module

oder im Browser

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

Polyfill

Die Animation verwendet Element.animate -Methode und effect.target . Sie ist schick und zwingend erforderlich, unterstützt jedoch Browser mit niedriger Version und Safari nicht vollständig. Führen Sie daher bitte die web-animation next Polyfill vor der ersten aus.

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

Verwendung

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

Ereignis

voll

Das full Ereignis wird ausgelöst, wenn currentcount === maxcount .

Nehmen Sie ein Beispiel

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

klicken

Das click wird ausgelöst, wenn der Benutzer auf emoji-claps klickt.

Nehmen Sie ein Beispiel

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

---

LIZENZ MIT © 2019 realdennis