子比主题美化-动态提示(复制弹窗)提示框代码

复制弹窗提示是一种在用户执行复制操作时,通过弹出一个提示窗口来告知用户操作结果的用户界面(UI)元素。这种提示可以帮助用户了解他们的操作是否成功,以及提供任何必要的后续步骤或信息。

在网页设计中,复制弹窗提示通常用于以下场景:

1. 文本复制:当用户尝试复制网页上的文本时,一个弹窗可能会出现,确认文本已成功复制到剪贴板,或者提醒用户复制操作因为某些原因未能成功完成(例如,文本含有无法复制的格式)。

2. 链接复制:在社交媒体、论坛或其他网站中,当用户复制链接时,弹窗提示可以告知链接已被复制,或者提供缩短链接等服务。

将以下代码放到子比主题后台设置-自定义代码-自定义底部HTML代码中

<!--复制提示开始 lanrenn.cn-->
    <script src="https://cdn.bootcss.com/toastr.js/2.1.4/toastr.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
    <script type="text/javascript">
    function copy_remind() {
        toastr.success("撰文不易,若要转载请务必保留原文链接,谢谢!", "复制成功!");
        clear_toastr(1600);
        // 动态设置消息提示时间
        function clear_toastr(time) {
            setTimeout(
            function() {
                toastr.clear();
            }, time);
        }
    }
    document.addEventListener("copy", function(e) {
        if (window.getSelection(0).toString()) {
            copy_remind(); //若所选文本不为空则显示
        }
        else {
            toastr.info("啊噢...你没还没选择复制的内容呢!", "复制提示");
        }
    });
    </script>
    <!--复制提示结束 lanrenn.cn-->

 

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容