1. 程式人生 > >javascript點選滑鼠實現資料複製功能

javascript點選滑鼠實現資料複製功能

方法1:

        /**
         * 複製方法
         * @param data 要複製的資料
         * @private
         */
        function __copy(data) {
            if (window&&window.clipboardData) {
                window.clipboardData.setData("Text", data);
            }else{
                var el = $("<div>"
); el.css({ "position":"absolute", "left":'-99999px', "top":'-99999px' }); el.text(data); $("body").append(el); //建立一個範圍 var range = document.createRange(); range.selectNodeContents(el.get(0
)); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); var success; try { success = document.execCommand("copy", false, null); alert('複製成功'
); } catch (e) { alert('複製失敗'); } if (success) { // remove temp element. el.remove(); } } }

方法2:

安裝並引入jquery

npm install --save-dev g_common_fn

例子


var commonFn = require('g_common_fn');
commonFn.copy("要複製的內容");

注意:規範中說明,此類操作不能非同步執行,只能由使用者發起。
這裡寫圖片描述

複製成功後,Ctrl+v檢視效果吧~