@w0s/button-clipboard
v3.0.4TypeScript
Clipboard write text button
0/weekUpdated 1 months agoMITUnpacked: 16.5 KB
Published by Saeki Tominaga
npm install @w0s/button-clipboardClipboard write text button
Demo
Examples
``HTML
data-text="Text"
>Copy
Text
data-target="clipboard-target"
data-feedback="clipboard-feedback"
>Copy
ā Clipboard write successful!
`
\* Target element: If the
attribute exists, write the contents of this element to the clipboard. Content is retrieved with Node.textContent, but some elements retrieve attribute values (e.g. , `). See source code for details.\* Feedback element: It will be displayed when writing to the clipboard is done.
HTML attributes
type[optional]- This attribute is not required, but it is recommended to include
type="button". According to the description in the HTML specification,The missing value default and invalid value default are the Submit Button state
. data-text[conditionally required]- Text to write to clipboard. (Either the
data-targetattribute or this attribute is required) data-target[conditionally required]- Target element ID. (Either the
data-textattribute or this attribute is required) data-feedback[optional]- Feedback element ID displayed when writing to the clipboard is done. (If omitted, feedback will be displayed in
console)