MENU

[笔记]网站添加一键复制的功能

August 11, 2019 • Read: 265 • 技术开发

前言

前几天帮一个客户写一个报价单网站程序,程序很简单,就是简单的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 Modified: September 11, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

2 Comments
  1. 感谢分享,友链吗哈哈

    1. @imwen已经添加贵站友链,我的站点友链配置在友链页面下#(赞一个)