说明: 方便用户复制某些内容,并给出友好提示
xui.copyToClipBoard(string, tips)string表示需要复制的文案,传入文案即可完成复制,必传tips表示复制成功后显示的文案, 默认提示信息为复制成功- 没有你想要的功能? 快联系我:
xumeng0611@gmail.com添加吧
说明: 复制采用的是
document.execCommand,对于这个api是存在兼容性的. 详情请戳caniuse
提示: 目前来说,对于PC端兼容性还不错,可以使用.手机端则需要注意一下低版本浏览器的兼容问题
1.让我们来看一个简单的复制例子
复制
<script type="text/javascript">
document.getElementById('copy1').onclick = function(){
let val = document.getElementById('copyContent1').value;
xui.copyToClipBoard(val);
}
</script>
xui.copyToClipBoard(val);2.当然你可以自定义复制成功的提示信息
复制
<script type="text/javascript">
document.getElementById('copy2').onclick = function(){
let val = document.getElementById('copyContent2').value;
xui.copyToClipBoard(val, 'copyed');
}
</script>
xui.copyToClipBoard(val, 'copyed');