代码拉取完成,页面将自动刷新
使用 npm 安装:
npm i copy-util
import Copy from 'copy-util';
Copy('Copy something'); // 一句代码搞定复制文本
使用 script 标签使用:
<script src="https://cdn.jsdelivr.net/gh/theajack/copy/cdn/copyutil.latest.min.js"></script>
<!--
或通过版本号引用
<script src="https://cdn.jsdelivr.net/gh/theajack/copy/cdn/copyutil.{version}.min.js"></script>
-->
<script>
Copy('Copy something');
</script>
copy-util
仅用一行代码就可以搞定 web 端文本复制
该方法返回一个布尔类型,表示复制是否成功:
import Copy from 'copy-util';
var isSuccess = Copy('Copy something'); // 一句代码搞定复制文本
// 该方法返回一个布尔类型,表示复制是否成功
您可以使用配置来绑定需要复制的 dom 元素和需要复制的内容类型:
<input id="inputEl" /> <span id="spanEl">some text</span>
import Copy from 'copy-util';
Copy({
el: '#inputEl' // 使用选择器, 如果有多个dom只会取用第一个
});
Copy({
el: document.getElementById('spanEl'), // 使用dom元素
type: 'text' // 指定复制的类型
});
参数:
el: el 可以是选择器或者一个 dom 元素
type: type 表示要复制的类型,可选值有 value
, text
, html
, src
, href
。默认值为 value
除了使用 api 方式调用copy-util
之外,还可以绑定 DOM 使用,这样就可以无需编写 js 代码:
<input id="inputEl" />
<!--从某个dom元素复制内容-->
<button copy-el="#inputEl" copy-type="value">Copy from dom</button>
<!--直接复制文本-->
<button copy-text="some text">Copy text</button>
属性:
copy-el:与 2.2 中的参数 el 同样的含义
copy-type: 2.2 中的参数 type 同样的含义
copy-text:需要复制的文本,支持动态修改
2.3 中绑定 DOM 默认会在 DOM 加载完成之后初始化相关元素和事件,但是在某些场景下(比如 vue 组件或是动态插入的 dom)会不起作用,此时只需要在 dom 加载完成之后手动调用 Copy.init()
即可完成初始化
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。