copy_text.js

复制文字内容到剪切板

Version vom 19.04.2024. Aktuellste Version

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyforks.org/scripts/492927/1362726/copy_textjs.js

Stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Wrap lines

// ==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);
		});
	});
};