<p class='tel'>小伙子,你很有才哎</p>
<input type="button" value="一键复制" onclick='copyText()' class='btn'>
第一步:
先获取要复制的文本;
let copyTargetText = document.querySelector('.tel').innerText;
function copyText () {
document.execCommand('copy'); //触发浏览器复制
}
document.body.oncopy = e => {
event.preventDefault();
let textFont,copyFont = document.querySelector('.tel').innerText;
if (copyFont.length > 10) {
textFont = copyFont + '
' +
'作者: 情绪控
' +
'链接: https:www.moodk.cn/blog/user
'+
'来源: 个人博客
' +
'著作权归作者所有.商业转载请联系作者获取授权,非商业授权转载请注明出处.';
} else {
textFont = copyFont;
}
if (event.clipboardData) {
return event.clipboardData.setData('text', textFont);
} else {
return window.clipboardData.setData('text', textFont); //兼容IE
}
}