js实现复制的功能(兼容各个浏览器)

前言

近来做的复制功能发现在IE浏览器上没用，其它谷歌和火狐浏览器上都能用。要求复制功能够兼容大部分浏览器，真让人头疼啊！

具体代码

html中

// 要复制的内容
<input type="text" name="username" id="username" value="user1">
// 复制按钮,点击复制按钮触发copyText()方法
<button id="copyButton" class="btn" onclick="copyText()"></buttton>

javascript中

// js中
$(function() {





});
// 点击复制按钮触发的方法
function copyText() {
    // 获得到要复制的文本内容
    var copyText = $("#username").val();
    // 判断是否为ie浏览器，此方法只对IE浏览器有用
    if (window.clipboardData) {
       // 清除原有剪切板的数据
       window.clipboardData.clearData();
       // 将内容复制到剪切板
       window.clipboardData.setData("Text", copyText);
       alert("已成功复制！");	  
    // 其它浏览器,用别的方法
    } else {
       // 创建一个input对象
       var oInput = document.createElement('input');
       // 赋值
       oInput.value = copyText;
       // 添加到页面的body下
       document.body.appendChild(oInput);
       // 选择对象
       oInput.select();
       // 执行浏览器复制命令  
       document.execCommand("Copy");
       // 隐藏内容 
       oInput.className = 'oInput';
       oInput.style.display = 'none'; 
   }
};

功能展示

最后

以上就是紧张含羞草为你收集整理的js实现复制的功能(兼容各个浏览器)的全部内容，希望文章能够帮你解决js实现复制的功能(兼容各个浏览器)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。