UNPKG

clipboard/demo/constructor-node.html

Version:

1<!DOCTYPE html>
2<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>constructor-node</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
  <!-- 1. Define some markup -->
  <div id="btn" data-clipboard-text="1">
    <span>Copy</span>
  </div>
13
  <!-- 2. Include library -->
  <script src="../dist/clipboard.min.js"></script>
16
  <!-- 3. Instantiate clipboard by passing a HTML element -->
  <script>
    var btn = document.getElementById('btn');
    var clipboard = new ClipboardJS(btn);
21
    clipboard.on('success', function (e) {
      console.log(e);
    });
25
    clipboard.on('error', function (e) {
      console.log(e);
    });
  </script>
</body>
31</html>

1	`<!DOCTYPE html>`
2	`<html lang="en">`
3	`<head>`
4	`<meta charset="UTF-8" />`
5	`<title>constructor-node</title>`
6	`<meta name="viewport" content="width=device-width, initial-scale=1" />`
7	`</head>`
8	`<body>`
9	`<!-- 1. Define some markup -->`
10	`<div id="btn" data-clipboard-text="1">`
11	`<span>Copy</span>`
12	`</div>`
13
14	`<!-- 2. Include library -->`
15	`<script src="../dist/clipboard.min.js"></script>`
16
17	`<!-- 3. Instantiate clipboard by passing a HTML element -->`
18	`<script>`
19	`var btn = document.getElementById('btn');`
20	`var clipboard = new ClipboardJS(btn);`
21
22	`clipboard.on('success', function (e) {`
23	`console.log(e);`
24	`});`
25
26	`clipboard.on('error', function (e) {`
27	`console.log(e);`
28	`});`
29	`</script>`
30	`</body>`
31	`</html>`