Bootstrap

js:浏览器获取剪切板内容

使用示例
const TEXT = navigator.clipboard.readText();
TEXT.then(text => {
	console.log("剪切板内容:" + text);
	// 操作完之后,可以写空值到剪切板,防止下次还是相同数据
	navigator.clipboard.writeText('');
}).catch(err => {
	console.error('Failed to read clipboard contents: ', err);
});
问题记录
  1. 部分机型浏览器(Safari,一加)不支持navigator.clipboard会使项目整体报错
    解决方案:
    1. 判断navigator.clipboard是否存在
    2. 大部分需要获取剪切板内容的需求,一般是从其他页面跳转的,所以直接跳转地址,拼接参数也是一个不错的选择
参考链接

Navigator.clipboard

;