Socket
Socket
Sign inDemoInstall

copy-to-clipboard-utils

Package Overview
Dependencies
0
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    copy-to-clipboard-utils

Copy text.


Version published
Maintainers
1
Install size
19.6 kB
Created

Readme

Source

介绍

复制文本。

image-20220601170802672

image-20220601170709584

下载

npm

npm i copy-to-clipboard

src

<script src="../dist/copy-to-clipboard.js"></script>

使用

点击某个元素时复制内容

// 添加copy属性,鼠标点击该div时将复制文本
<div copy>
  Lorem ipsum dolor sit amet.
</div>

// 默认不复制子元素的文本
<div copy>
  Lorem ipsum dolor sit amet.
  <span>
    Lorem ipsum dolor sit amet.
  </span>
</div>

// 添加deep属性,鼠标点击该div时会复制子元素的文本
<div copy deep>
  Lorem ipsum dolor sit amet.
  <span>
    Lorem ipsum dolor sit amet.
  </span>
</div>

点击某个元素时复制另一个元素的内容

// 被点击元素
<button id="button">
  Copy
</button>

// 被复制元素,可以通过添加deep属性复制到子元素文本
<div id="div" deep>
  Lorem ipsum dolor sit amet.
  <span>
    Lorem ipsum dolor sit amet.
  </span>
</div>
// import copyToclipBoard from "copy-to-clipboard"

const button = document.getElementById("button")
const div = document.getElementById("div")

copyToClipboard.copy(button, div)

Keywords

FAQs

Last updated on 18 Jul 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc