js实现移动端粘贴板功能

借助document的execCommand方法实现


        var copyBtn = document.getElementById('copyBtn')
        copyBtn.onclick = function() {
            if(!document.execCommand) {
                alert('当前环境不支持复制功能');
                return;
            }
            var copyValue=document.getElementById("copyValue");
            copyValue.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            alert("已复制好,可贴粘。");
        }

⚠️1. 首先要检查一下当前环境是否支持复制功能;

2.其次,此复制功能智能复制表单元素的内容,且该表单不能是type="hidden"和display:none,可将该元素定位到可见区域外。

 

你可能感兴趣的:(javascript)