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，因此請在初始之前運行下一個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 > 

事件

滿的

當currentcount === maxcount時， full事件將會觸發。

舉個例子

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

點選

當使用者點擊emoji-claps時，將觸發click事件。

舉個例子

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

---

許可 MIT © 2019 realdennis