js實現複製粘貼到剪切板功能,一個函數直接搞定!

直接上代碼:

/*js複製*/
function copy(ElementObj) {
    var clickContent = ElementObj.getAttribute('data');  //獲取要複製的值
    var inputElement =  document.getElementById("copy_content");  //獲取要賦值的input的元素
    inputElement.value = clickContent;  //給input框賦值   
    inputElement.select();//選中input框的內容
    document.execCommand("Copy");// 執行瀏覽器複製命令
    layer.msg('已複製成功!');
}

如何調用:

<a onClick="copy(this)" data="'+down_url+'">複製</a>
<input id="copy_content" type="text" value=""  style="position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;"/>

原理:

先將要複製的值放入copy_content隱藏域中;

然後執行再瀏覽器的複製命令;

因爲document.execCommand("Copy")命令只能對input輸入框才生效;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章