copy_text.js

复制文字内容到剪切板

Este script não deve ser instalado diretamente. Este script é uma biblioteca de outros scripts para incluir com o diretório meta // @require https://update.greasyfork.org/scripts/492927/1362733/copy_textjs.js

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         copy_text.js
// @namespace    https://github.com/iibeibei
// @version      0.0.1
// @description  复制文字内容到剪切板
// @author       Beibei
// @license      GPLv3
// @match        *://*/*
// ==/UserScript==

self.copyText = function (button, content, success) {
	if (!button) {
		return;
	}

	if (typeof content == 'function') {
		success = content;
		content = null;
	}

	success = success || function () {};

	// 是否降级使用
	var isFallback = !navigator.clipboard;

	if (typeof button == 'string' && !content) {
		if (content === false) {
			isFallback = true;
		}
		content = button;
		button = null;
	}

	var eleTextarea = document.querySelector('#tempTextarea');
	if (!eleTextarea && isFallback) {
		eleTextarea = document.createElement('textarea');
		eleTextarea.style.width = 0;
		eleTextarea.style.position = 'fixed';
		eleTextarea.style.left = '-999px';
		eleTextarea.style.top = '10px';
		eleTextarea.setAttribute('readonly', 'readonly');
		document.body.appendChild(eleTextarea);
	}

	var funCopy = function (text, callback) {
		callback = callback || function () {};

		if (!isFallback) {
			navigator.clipboard.writeText(text).then(
				function () {
					callback();
					// 成功回调
					success(text);
				},
				function () {
					// 禁止写入剪切板后使用兜底方法
					copyText(text, false);
					callback();
					// 成功回调
					success(text);
				}
			);

			return;
		}

		eleTextarea.value = text;
		eleTextarea.select();
		document.execCommand('copy', true);

		callback();
		// 成功回调
		success(text);
	};

	// 提示复制成功的方法
	// 对外可访问
	copyText.tips = function (event) {
		if (!event) {
			return;
		}
		// 复制成功提示
		var eleTips = document.createElement('span');
		eleTips.className = 'text-popup';
		eleTips.innerHTML = '复制成功';
		document.body.appendChild(eleTips);
		// 事件
		eleTips.addEventListener('animationend', function () {
			eleTips.parentNode.removeChild(eleTips);
		});
		// For IE9
		if (!history.pushState) {
			setTimeout(function () {
				eleTips.parentNode.removeChild(eleTips);
			}, 1000);
		}

		eleTips.style.left = event.pageX - eleTips.clientWidth / 2 + 'px';
		eleTips.style.top = event.pageY - eleTips.clientHeight + 'px';
	};

	var strStyle =
		'.text-popup { animation: textPopup 1s both; -ms-transform: translateY(-20px); color: #01cf97; user-select: none; white-space: nowrap; position: absolute; z-index: 99; }@keyframes textPopup {0%, 100% { opacity: 0; } 5% { opacity: 1; } 100% { transform: translateY(-50px); }}';

	var eleStyle = document.querySelector('#popupStyle');
	if (!eleStyle) {
		eleStyle = document.createElement('style');
		eleStyle.id = 'popupStyle';
		eleStyle.innerHTML = strStyle;
		document.head.appendChild(eleStyle);
	}

	if (!button) {
		funCopy(content);
		return;
	}

	// 事件绑定
	button.addEventListener('click', function (event) {
		var strCopy = content;
		if (content && content.tagName) {
			strCopy = content.textContent || content.value;
		}
		// 复制的文字内容
		if (!strCopy) {
			return;
		}

		funCopy(strCopy, function () {
			copyText.tips(event);
		});
	});
};