一嘉

利用js 让别人在网页执行复制操作时弹窗
前几天前几天群里面的小伙伴问我,为什么你的博客在执行复制操作时会有提示。上代码啦!<script> d...
扫描右侧二维码阅读全文
26
2018/08

利用js 让别人在网页执行复制操作时弹窗

前几天前几天群里面的小伙伴问我,为什么你的博客在执行复制操作时会有提示。

上代码啦!

<script>
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
        alert('复制成功!若要转载请务必保留原文链接,谢谢合作~(。・`ω´・)');
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
        var htmlData = ''
            + '著作权归作者所有。<br>'
            + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>'
            + '作者:<?php $this->author() ?><br>'
            + '链接:' + window.location.href + '<br>'
            + '来源:<?php $this->options->siteUrl(); ?><br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '商业转载请联系作者获得授权,非商业转载请注明出处。\n'
            + '作者:<?php $this->author() ?>\n'
            + '链接:' + window.location.href + '\n'
            + '来源:<?php $this->options->siteUrl(); ?>\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}
</script>

希望阔以帮到大家!

Last modification:August 26th, 2018 at 10:42 am
If you think my article is useful to you, please feel free to appreciate

3 comments

  1. Rat's

    看起来很强。

  2. Rat's

    看起来很强。

  3. Rat's

    看起来不错。

Leave a Comment