前言

前几天帮一个客户写一个报价单网站程序,程序很简单,就是简单的php生成html页面,因为没花多长时间客户急着要,就没研究社会化分享功能。就想干脆弄个一键复制报价单网址的功能,这个功能很容易实现,使用js即可。

代码

贴一下js部分的代码

<script type="text/javascript">
    function copyUrl() {
        var e = document.getElementById("offerUrl");
        e.select(); //选择对象
        document.execCommand("Copy"); //执行浏览器复制命令
        alert("已复制好,可贴粘。");
    }
</script>

然后在按钮里面引用这个function就好了,如下:

<button onclick="copyUrl()" class="mdui-btn">复制报价单网址</button>

原理

使用document.execCommand();这个浏览器复制的功能

Last modification:September 11th, 2019 at 12:01 am
如果觉得我的文章对你有用,请随意赞赏