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 > 

이벤트

가득한

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