JavaScript 复制功能代码,兼容多浏览器

 
更多

分享一段利用 JavaScript 实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>JavaScript 复制功能代码,兼容多浏览器</title>
</head>
<script type="text/javascript">
    function copyValue(Url2) {
        //var Url2 = document.getElementById("biao1").innerText;
        var oInput = document.createElement('input');
        oInput.value = Url2;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = 'oInput';
        oInput.style.display = 'none';
        alert('复制成功');
    }
</script>

<div class="phoinfo">
    贴图地址:<input value="<a href='http://www.phpernote.com/'>www.phpernote.com</a>" type="text" size="65"/>
    <input type="button" onClick="copyValue('<a href=\'http://www.phpernote.com/\'>www.phpernote.com</a>');" value="复制"/>
</div>
</body>
</html>

示例如下:

贴图地址:
打赏

本文固定链接: https://www.cxy163.net/archives/3288 | 绝缘体

该日志由 绝缘体.. 于 2020年03月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: JavaScript 复制功能代码,兼容多浏览器 | 绝缘体
关键字: , , , ,

JavaScript 复制功能代码,兼容多浏览器:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter