Skip to content

linbeigreat/clipboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

介绍

简单的将数据复制到剪贴板

安装

npm i @kunping/clipboard --save

引入

import clipboard from "@kunping/clipboard"

例子

字符串

clipboard({data: "copy data"}).then(()=> {
    alert('ok')
  }).catch(() => {
    alert('fail')
  })

// copy data

数组

const data = ['hello',"world"]
clipboard({data}).then(()=> {
    alert('ok')
  }).catch(() => {
    alert('fail')
  })
/*
hello
world

*/

对象

const data = {
    age: 12,
    name: 'userName'
}
clipboard({data}).then(()=> {
    alert('ok')
  }).catch(() => {
    alert('fail')
  })
/*
age:12
name:userName

*/

分隔符

默认为

const data = {
    age: 12,
    name: 'userName'
  }
  clipboard({data, separator: '-'}).then(()=> {
    alert('ok')
  }).catch(() => {
    alert('fail')
  })

/*
age-12
name-userName

*/

行分隔符

默认为\n

const data = {
    age: 12,
    name: 'userName'
  }
  clipboard({data, rowSeparator: ','}).then(()=> {
    alert('ok')
  }).catch(() => {
    alert('fail')
  })

/*
age:12,name:userName,

*/

有弹框

当有弹框时,不支持navigator.clipboard的浏览器无法复制到剪切板。这时需将当前弹框的Element传入

clipboard({data: "copy data", container: html}).then(()=> {
    alert('ok')
  }).catch(() => {
    alert('fail')
  })

// copy data

About

copy to clipboard

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published