emoji claps

Emoji-palmas

Um elemento viciado em experiência para bater palmas? / gostando? / não gostando? .

O que há de novo?

Sim, você pode click e hold para aumentar o número. Experimente no Codepen!

Instalação

$ yarn add emoji-claps // ES module

ou no navegador

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

Polifill

A animação usa o método Element.animate e effect.target , é sofisticado e imperativo, mas não é totalmente compatível com a versão inferior do navegador e Safari, portanto, execute o web-animation next antes da inicial.

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

Uso

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

Evento

completo

O evento full será acionado quando currentcount === maxcount .

Tome um exemplo

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

clique

O evento click será acionado quando o usuário clicar em emoji-claps .

Tome um exemplo

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

---

LICENÇA MIT © 2019 realdennis