js选择点击复制文字功能

过程:页面增加一个input 或textarea标签。在页面隐藏,值设置为要复制的内容。通过select()方法选择对象,执行浏览器复制命令document.execCommand("Copy")即可。
HTML

        
            
                活动名称:{{activityDetailData.activityName}}
                
                    活动地址:{{getActivityUrl}}
                    
                    复制地址
                
            
            活动时间:{{activityDetailData.startTime}} 至 {{activityDetailData.endTime}}
        

JS

     copyActivityUrl() {
            var e = document.getElementById("activity-url");
            e.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            this.$message.success("活动地址已经复制到粘贴板");
        }

你可能感兴趣的:(js选择点击复制文字功能)