使用js获取剪切板的内容

使用到浏览器的navigator.permissions的api，需要注意的是如果当前网页不是安全的网页即（非https）的，或出现navigator.permissions is not defined的错误，所以在使用前需要先判断是否有权限，再进行读取

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 这里还需要判断是否是safari内核，Safari内核是完全不支持这个api的
function getClipBoard() {
  return new Promise((resolve, reject) => {
    if (/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)) {
      // 不支持处理方法
      // ...
    } else {
      navigator.permissions.query({
        name: 'clipboard-read'
      }).then(permissionStatus => {
        // permissionStatus.state 的值是 'granted'、'denied'、'prompt':
        if (permissionStatus.state === 'denied') {
          // 没有权限处理方法
          // ....
        } else {
          navigator.clipboard.readText().then(clipText => {
            resolve(clipText || '')
          })
        }
      }).catch(err => {
        reject(err)
      });
    }
  })
}