cd47add9903e7c317eb73a15bd63abdc29449e238561c2e545ed1ecddd4f141e85cc2593d91044f551cc24d6878112abb866e6ca0fb095fd7872483094af28 713 B

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Selector</title>
  6. </head>
  7. <body>
  8. <!-- 1. Write some markup -->
  9. <button data-a>Click me</button>
  10. <button data-a>Click me</button>
  11. <button data-a>Click me</button>
  12. <button data-b>Click me</button>
  13. <button data-b>Click me</button>
  14. <button data-b>Click me</button>
  15. <!-- 2. Include library -->
  16. <script src="../dist/good-listener.js"></script>
  17. <!-- 3. Add listener by passing a string selector -->
  18. <script>
  19. listen('[data-a]', 'click', function(e) {
  20. console.info(e);
  21. });
  22. listen('[data-b]', 'click', function(e) {
  23. console.info(e);
  24. });
  25. </script>
  26. </body>
  27. </html>