兼容app与H5

#H5复制脚本，clipboard.js

  1. // #ifdef H5
  2. /*!
  3.  * clipboard.js v2.0.4
  4.  * https://zenorocha.github.io/clipboard.js
  5.  * 
  6.  * Licensed MIT © Zeno Rocha
  7.  */
  8. ! function(t, e) {
  9.     "object" == typeof exports && "object" == typeof module ? module.exports = e() : "function" == typeof define && define
  10.         .amd ? define([], e) : "object" == typeof exports ? exports.ClipboardJS = e() : t.ClipboardJS = e()
  11. }(this, function() {
  12.     return function(n) {
  13.         var o = {};
  15.         function r(t) {
  16.             if (o[t]) return o[t].exports;
  17.             var e = o[t] = {
  18.                 i: t,
  19.                 l: !1,
  20.                 exports: {}
  21.             };
  22.             return n[t].call(e.exports, e, e.exports, r), e.l = !0, e.exports
  23.         }
  24.         return r.m = n, r.c = o, r.d = function(t, e, n) {
  25.             r.o(t, e) || Object.defineProperty(t, e, {
  26.                 enumerable: !0,
  27.                 get: n
  28.             })
  29.         }, r.r = function(t) {
  30.             "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
  31.                 value: "Module"
  32.             }), Object.defineProperty(t, "__esModule", {
  33.                 value: !0
  34.             })
  35.         }, r.t = function(e, t) {
  36.             if (1 & t && (e = r(e)), 8 & t) return e;
  37.             if (4 & t && "object" == typeof e && e && e.__esModule) return e;
  38.             var n = Object.create(null);
  39.             if (r.r(n), Object.defineProperty(n, "default", {
  40.                     enumerable: !0,
  41.                     value: e
  42.                 }), 2 & t && "string" != typeof e)
  43.                 for (var o in e) r.d(n, o, function(t) {
  44.                     return e[t]
  45.                 }.bind(null, o));
  46.             return n
  47.         }, r.n = function(t) {
  48.             var e = t && t.__esModule ? function() {
  49.                 return t.default
  50.             } : function() {
  51.                 return t
  52.             };
  53.             return r.d(e, "a", e), e
  54.         }, r.o = function(t, e) {
  55.             return Object.prototype.hasOwnProperty.call(t, e)
  56.         }, r.p = "", r(r.s = 0)
  57.     }([function(t, e, n) {
  58.         "use strict";
  59.         var r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
  60.                 return typeof t
  61.             } : function(t) {
  62.                 return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" :
  63.                     typeof t
  64.             },
  65.             i = function() {
  66.                 function o(t, e) {
  67.                     for (var n = 0; n < e.length; n++) {
  68.                         var o = e[n];
  69.                         o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(
  70.                             t, o.key, o)
  71.                     }
  72.                 }
  73.                 return function(t, e, n) {
  74.                     return e && o(t.prototype, e), n && o(t, n), t
  75.                 }
  76.             }(),
  77.             a = o(n(1)),
  78.             c = o(n(3)),
  79.             u = o(n(4));
  81.         function o(t) {
  82.             return t && t.__esModule ? t : {
  83.                 default: t
  84.             }
  85.         }
  86.         var l = function(t) {
  87.             function o(t, e) {
  88.                 ! function(t, e) {
  89.                     if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
  90.                 }(this, o);
  91.                 var n = function(t, e) {
  92.                     if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  93.                     return !e || "object" != typeof e && "function" != typeof e ? t : e
  94.                 }(this, (o.__proto__ || Object.getPrototypeOf(o)).call(this));
  95.                 return n.resolveOptions(e), n.listenClick(t), n
  96.             }
  97.             return function(t, e) {
  98.                 if ("function" != typeof e && null !== e) throw new TypeError(
  99.                     "Super expression must either be null or a function, not " + typeof e);
  100.                 t.prototype = Object.create(e && e.prototype, {
  101.                     constructor: {
  102.                         value: t,
  103.                         enumerable: !1,
  104.                         writable: !0,
  105.                         configurable: !0
  106.                     }
  107.                 }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e)
  108.             }(o, c.default), i(o, [{
  109.                 key: "resolveOptions",
  110.                 value: function() {
  111.                     var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
  112.                     this.action = "function" == typeof t.action ? t.action : this.defaultAction, this.target = "function" ==
  113.                         typeof t.target ? t.target : this.defaultTarget, this.text = "function" == typeof t.text ? t.text : this
  114.                         .defaultText, this.container = "object" === r(t.container) ? t.container : document.body
  115.                 }
  116.             }, {
  117.                 key: "listenClick",
  118.                 value: function(t) {
  119.                     var e = this;
  120.                     this.listener = (0, u.default)(t, "click", function(t) {
  121.                         return e.onClick(t)
  122.                     })
  123.                 }
  124.             }, {
  125.                 key: "onClick",
  126.                 value: function(t) {
  127.                     var e = t.delegateTarget || t.currentTarget;
  128.                     this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new a.default({
  129.                         action: this.action(e),
  130.                         target: this.target(e),
  131.                         text: this.text(e),
  132.                         container: this.container,
  133.                         trigger: e,
  134.                         emitter: this
  135.                     })
  136.                 }
  137.             }, {
  138.                 key: "defaultAction",
  139.                 value: function(t) {
  140.                     return s("action", t)
  141.                 }
  142.             }, {
  143.                 key: "defaultTarget",
  144.                 value: function(t) {
  145.                     var e = s("target", t);
  146.                     if (e) return document.querySelector(e)
  147.                 }
  148.             }, {
  149.                 key: "defaultText",
  150.                 value: function(t) {
  151.                     return s("text", t)
  152.                 }
  153.             }, {
  154.                 key: "destroy",
  155.                 value: function() {
  156.                     this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction =
  157.                         null)
  158.                 }
  159.             }], [{
  160.                 key: "isSupported",
  161.                 value: function() {
  162.                     var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : ["copy", "cut"],
  163.                         e = "string" == typeof t ? [t] : t,
  164.                         n = !!document.queryCommandSupported;
  165.                     return e.forEach(function(t) {
  166.                         n = n && !!document.queryCommandSupported(t)
  167.                     }), n
  168.                 }
  169.             }]), o
  170.         }();
  172.         function s(t, e) {
  173.             var n = "data-clipboard-" + t;
  174.             if (e.hasAttribute(n)) return e.getAttribute(n)
  175.         }
  176.         t.exports = l
  177.     }, function(t, e, n) {
  178.         "use strict";
  179.         var o, r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
  180.                 return typeof t
  181.             } : function(t) {
  182.                 return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" :
  183.                     typeof t
  184.             },
  185.             i = function() {
  186.                 function o(t, e) {
  187.                     for (var n = 0; n < e.length; n++) {
  188.                         var o = e[n];
  189.                         o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(
  190.                             t, o.key, o)
  191.                     }
  192.                 }
  193.                 return function(t, e, n) {
  194.                     return e && o(t.prototype, e), n && o(t, n), t
  195.                 }
  196.             }(),
  197.             a = n(2),
  198.             c = (o = a) && o.__esModule ? o : {
  199.                 default: o
  200.             };
  201.         var u = function() {
  202.             function e(t) {
  203.                 ! function(t, e) {
  204.                     if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
  205.                 }(this, e), this.resolveOptions(t), this.initSelection()
  206.             }
  207.             return i(e, [{
  208.                 key: "resolveOptions",
  209.                 value: function() {
  210.                     var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
  211.                     this.action = t.action, this.container = t.container, this.emitter = t.emitter, this.target = t.target,
  212.                         this.text = t.text, this.trigger = t.trigger, this.selectedText = ""
  213.                 }
  214.             }, {
  215.                 key: "initSelection",
  216.                 value: function() {
  217.                     this.text ? this.selectFake() : this.target && this.selectTarget()
  218.                 }
  219.             }, {
  220.                 key: "selectFake",
  221.                 value: function() {
  222.                     var t = this,
  223.                         e = "rtl" == document.documentElement.getAttribute("dir");
  224.                     this.removeFake(), this.fakeHandlerCallback = function() {
  225.                             return t.removeFake()
  226.                         }, this.fakeHandler = this.container.addEventListener("click", this.fakeHandlerCallback) || !0, this.fakeElem =
  227.                         document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border =
  228.                         "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position =
  229.                         "absolute", this.fakeElem.style[e ? "right" : "left"] = "-9999px";
  230.                     var n = window.pageYOffset || document.documentElement.scrollTop;
  231.                     this.fakeElem.style.top = n + "px", this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value =
  232.                         this.text, this.container.appendChild(this.fakeElem), this.selectedText = (0, c.default)(this.fakeElem),
  233.                         this.copyText()
  234.                 }
  235.             }, {
  236.                 key: "removeFake",
  237.                 value: function() {
  238.                     this.fakeHandler && (this.container.removeEventListener("click", this.fakeHandlerCallback), this.fakeHandler =
  239.                         null, this.fakeHandlerCallback = null), this.fakeElem && (this.container.removeChild(this.fakeElem),
  240.                         this.fakeElem = null)
  241.                 }
  242.             }, {
  243.                 key: "selectTarget",
  244.                 value: function() {
  245.                     this.selectedText = (0, c.default)(this.target), this.copyText()
  246.                 }
  247.             }, {
  248.                 key: "copyText",
  249.                 value: function() {
  250.                     var e = void 0;
  251.                     try {
  252.                         e = document.execCommand(this.action)
  253.                     } catch (t) {
  254.                         e = !1
  255.                     }
  256.                     this.handleResult(e)
  257.                 }
  258.             }, {
  259.                 key: "handleResult",
  260.                 value: function(t) {
  261.                     this.emitter.emit(t ? "success" : "error", {
  262.                         action: this.action,
  263.                         text: this.selectedText,
  264.                         trigger: this.trigger,
  265.                         clearSelection: this.clearSelection.bind(this)
  266.                     })
  267.                 }
  268.             }, {
  269.                 key: "clearSelection",
  270.                 value: function() {
  271.                     this.trigger && this.trigger.focus(), window.getSelection().removeAllRanges()
  272.                 }
  273.             }, {
  274.                 key: "destroy",
  275.                 value: function() {
  276.                     this.removeFake()
  277.                 }
  278.             }, {
  279.                 key: "action",
  280.                 set: function() {
  281.                     var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "copy";
  282.                     if (this._action = t, "copy" !== this._action && "cut" !== this._action) throw new Error(
  283.                         'Invalid "action" value, use either "copy" or "cut"')
  284.                 },
  285.                 get: function() {
  286.                     return this._action
  287.                 }
  288.             }, {
  289.                 key: "target",
  290.                 set: function(t) {
  291.                     if (void 0 !== t) {
  292.                         if (!t || "object" !== (void 0 === t ? "undefined" : r(t)) || 1 !== t.nodeType) throw new Error(
  293.                             'Invalid "target" value, use a valid Element');
  294.                         if ("copy" === this.action && t.hasAttribute("disabled")) throw new Error(
  295.                             'Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
  296.                         if ("cut" === this.action && (t.hasAttribute("readonly") || t.hasAttribute("disabled"))) throw new Error(
  297.                             'Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes'
  298.                         );
  299.                         this._target = t
  300.                     }
  301.                 },
  302.                 get: function() {
  303.                     return this._target
  304.                 }
  305.             }]), e
  306.         }();
  307.         t.exports = u
  308.     }, function(t, e) {
  309.         t.exports = function(t) {
  310.             var e;
  311.             if ("SELECT" === t.nodeName) t.focus(), e = t.value;
  312.             else if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) {
  313.                 var n = t.hasAttribute("readonly");
  314.                 n || t.setAttribute("readonly", ""), t.select(), t.setSelectionRange(0, t.value.length), n || t.removeAttribute(
  315.                     "readonly"), e = t.value
  316.             } else {
  317.                 t.hasAttribute("contenteditable") && t.focus();
  318.                 var o = window.getSelection(),
  319.                     r = document.createRange();
  320.                 r.selectNodeContents(t), o.removeAllRanges(), o.addRange(r), e = o.toString()
  321.             }
  322.             return e
  323.         }
  324.     }, function(t, e) {
  325.         function n() {}
  326.         n.prototype = {
  327.             on: function(t, e, n) {
  328.                 var o = this.e || (this.e = {});
  329.                 return (o[t] || (o[t] = [])).push({
  330.                     fn: e,
  331.                     ctx: n
  332.                 }), this
  333.             },
  334.             once: function(t, e, n) {
  335.                 var o = this;
  337.                 function r() {
  338.                     o.off(t, r), e.apply(n, arguments)
  339.                 }
  340.                 return r._ = e, this.on(t, r, n)
  341.             },
  342.             emit: function(t) {
  343.                 for (var e = [].slice.call(arguments, 1), n = ((this.e || (this.e = {}))[t] || []).slice(), o = 0, r = n.length; o <
  344.                     r; o++) n[o].fn.apply(n[o].ctx, e);
  345.                 return this
  346.             },
  347.             off: function(t, e) {
  348.                 var n = this.e || (this.e = {}),
  349.                     o = n[t],
  350.                     r = [];
  351.                 if (o && e)
  352.                     for (var i = 0, a = o.length; i < a; i++) o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]);
  353.                 return r.length ? n[t] = r : delete n[t], this
  354.             }
  355.         }, t.exports = n
  356.     }, function(t, e, n) {
  357.         var d = n(5),
  358.             h = n(6);
  359.         t.exports = function(t, e, n) {
  360.             if (!t && !e && !n) throw new Error("Missing required arguments");
  361.             if (!d.string(e)) throw new TypeError("Second argument must be a String");
  362.             if (!d.fn(n)) throw new TypeError("Third argument must be a Function");
  363.             if (d.node(t)) return s = e, f = n, (l = t).addEventListener(s, f), {
  364.                 destroy: function() {
  365.                     l.removeEventListener(s, f)
  366.                 }
  367.             };
  368.             if (d.nodeList(t)) return a = t, c = e, u = n, Array.prototype.forEach.call(a, function(t) {
  369.                 t.addEventListener(c, u)
  370.             }), {
  371.                 destroy: function() {
  372.                     Array.prototype.forEach.call(a, function(t) {
  373.                         t.removeEventListener(c, u)
  374.                     })
  375.                 }
  376.             };
  377.             if (d.string(t)) return o = t, r = e, i = n, h(document.body, o, r, i);
  378.             throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");
  379.             var o, r, i, a, c, u, l, s, f
  380.         }
  381.     }, function(t, n) {
  382.         n.node = function(t) {
  383.             return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType
  384.         }, n.nodeList = function(t) {
  385.             var e = Object.prototype.toString.call(t);
  386.             return void 0 !== t && ("[object NodeList]" === e || "[object HTMLCollection]" === e) && "length" in t && (0 ===
  387.                 t.length || n.node(t[0]))
  388.         }, n.string = function(t) {
  389.             return "string" == typeof t || t instanceof String
  390.         }, n.fn = function(t) {
  391.             return "[object Function]" === Object.prototype.toString.call(t)
  392.         }
  393.     }, function(t, e, n) {
  394.         var a = n(7);
  396.         function i(t, e, n, o, r) {
  397.             var i = function(e, n, t, o) {
  398.                 return function(t) {
  399.                     t.delegateTarget = a(t.target, n), t.delegateTarget && o.call(e, t)
  400.                 }
  401.             }.apply(this, arguments);
  402.             return t.addEventListener(n, i, r), {
  403.                 destroy: function() {
  404.                     t.removeEventListener(n, i, r)
  405.                 }
  406.             }
  407.         }
  408.         t.exports = function(t, e, n, o, r) {
  409.             return "function" == typeof t.addEventListener ? i.apply(null, arguments) : "function" == typeof n ? i.bind(
  410.                 null, document).apply(null, arguments) : ("string" == typeof t && (t = document.querySelectorAll(t)), Array.prototype
  411.                 .map.call(t, function(t) {
  412.                     return i(t, e, n, o, r)
  413.                 }))
  414.         }
  415.     }, function(t, e) {
  416.         if ("undefined" != typeof Element && !Element.prototype.matches) {
  417.             var n = Element.prototype;
  418.             n.matches = n.matchesSelector || n.mozMatchesSelector || n.msMatchesSelector || n.oMatchesSelector || n.webkitMatchesSelector
  419.         }
  420.         t.exports = function(t, e) {
  421.             for (; t && 9 !== t.nodeType;) {
  422.                 if ("function" == typeof t.matches && t.matches(e)) return t;
  423.                 t = t.parentNode
  424.             }
  425.         }
  426.     }])
  427. });
  428. // #endif

#结合uniapp提供的api进一步封装，clipboard-al.js

  1. /**
  2.  * 复制文本 兼容H5
  3.  **/
  4. // #ifdef H5
  5. import ClipboardJS from "@/components/utils/clipboard.js"
  6. // #endif
  7. const al = {
  8.     getClipboardData: function(data, callback) {
  9.         // #ifdef APP-PLUS || MP
  10.         uni.setClipboardData({
  11.             data: data,
  12.             success(res) {
  13.                 uni.getClipboardData({
  14.                     success(res) {
  15.                         ("function" == typeof callback) && callback(true)
  16.                     },
  17.                     fail(res) {
  18.                         ("function" == typeof callback) && callback(false)
  19.                     }
  20.                 })
  21.             },
  22.             fail(res) {
  23.                 ("function" == typeof callback) && callback(false)
  24.             }
  25.         })
  26.         // #endif
  28.         // #ifdef H5
  29.         let event = window.event || {}
  30.         let clipboard = new ClipboardJS("", {
  31.             text: () => data
  32.         })a
  33.         clipboard.on('success', (e) => {
  34.             ("function" == typeof callback) && callback(true)
  35.             clipboard.off('success')
  36.             clipboard.off('error')
  37.             clipboard.destroy()
  38.         });
  39.         clipboard.on('error', (e) => {
  40.             ("function" == typeof callback) && callback(false)
  41.             clipboard.off('success')
  42.             clipboard.off('error')
  43.             clipboard.destroy()
  44.         });
  45.         clipboard.onClick(event)
  46.         // #endif
  47.     }
  48. };
  50. module.exports = {
  51.     getClipboardData: al.getClipboardData
  52. };

#使用步骤

  1. const al = require("@/components/utils/clipboard-al.js");
  3. methods: {
  4.   clipboard: function(data) {
  5.     al.getClipboardData(data, (res) => {
  6.       //...
  7.     })
  8.   }
  9. }

#获取复制内容

  1. uni.getClipboardData({
  2.   success: function (res) {
  3.     uni.showToast({
  4.       title: `复制的内容为${res.data}`,
  5.       icon: 'none'
  6.     })
  7.   }
  8. });