You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
985 B
39 lines
985 B
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8" /> |
|
<title>target-textarea</title> |
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
</head> |
|
<body> |
|
<!-- 1. Define some markup --> |
|
<textarea id="bar">hello</textarea> |
|
<button |
|
class="btn" |
|
data-clipboard-action="cut" |
|
data-clipboard-target="#bar" |
|
> |
|
Cut |
|
</button> |
|
|
|
<!-- 2. Include library --> |
|
<script src="../dist/clipboard.min.js"></script> |
|
|
|
<!-- 3. Instantiate clipboard --> |
|
<script> |
|
var clipboard = new ClipboardJS('.btn'); |
|
|
|
clipboard.on('success', function (e) { |
|
console.info('Action:', e.action); |
|
console.info('Text:', e.text); |
|
console.info('Trigger:', e.trigger); |
|
}); |
|
|
|
clipboard.on('error', function (e) { |
|
console.info('Action:', e.action); |
|
console.info('Text:', e.text); |
|
console.info('Trigger:', e.trigger); |
|
}); |
|
</script> |
|
</body> |
|
</html>
|
|
|