emoji claps
v0.1.7
¿Un elemento adicto a la experiencia para aplaudir? / gusto? / ¿no me gusta? .
Sí, puede click
y hold
para aumentar el número. ¡Pruébalo en Codepen!
$ yarn add emoji-claps // ES module
o en el navegador
< script src =" https://unpkg.com/emoji-claps/dist/emoji-claps.umd.js " > </ script >
<!-- It's umd bundle-->
La animación utiliza el método Element.animate
y effect.target
, es elegante e imperativo, pero no es totalmente compatible con el navegador de versión baja y Safari, así que ejecute la web-animation next
polyfill antes de la inicial.
< 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 >
El evento full
se activará cuando currentcount === maxcount
.
Toma un ejemplo
const emojiClaps = document . querySelector ( 'emoji-claps' ) ;
emojiClaps . addEventListener ( 'full' , e => {
// Do something if currentcount is 50 (maxcount)
} )
El evento click
se activará cuando el usuario haga clic en emoji-claps
.
Toma un ejemplo
const emojiClaps = document . querySelector ( 'emoji-claps' ) ;
emojiClaps . addEventListener ( 'click' , e => {
// Do something track after user click
} )
LICENCIA MIT © 2019 realdennis