emoji claps

絵文字-拍手

拍手の経験中毒要素？ /好きですか？ /嫌いですか？ 。

新着情報？

はい、 clickたhold数値を増やすことができます。コードペンで試してみましょう！

インストール

$ 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 > 

イベント

満杯

fullイベントはcurrentcount === maxcountのときにトリガーされます。

例を挙げてみましょう

 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 リアルデニス