UNPKG

1.04 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <title>constructor-selector</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 </head>
8 <body>
9 <!-- 1. Define some markup -->
10 <button class="btn" data-clipboard-text="1">Copy</button>
11 <button class="btn" data-clipboard-text="2">Copy</button>
12 <button class="btn" data-clipboard-text="3">Copy</button>
13
14 <!-- 2. Include library -->
15 <script src="../dist/clipboard.min.js"></script>
16
17 <!-- 3. Instantiate clipboard by passing a string selector -->
18 <script>
19 var clipboard = new ClipboardJS('.btn');
20
21 clipboard.on('success', function (e) {
22 console.info('Action:', e.action);
23 console.info('Text:', e.text);
24 console.info('Trigger:', e.trigger);
25 });
26
27 clipboard.on('error', function (e) {
28 console.info('Action:', e.action);
29 console.info('Text:', e.text);
30 console.info('Trigger:', e.trigger);
31 });
32 </script>
33 </body>
34</html>