Question

例如，在单击按钮后，我需要将自定义文本复制到剪贴板，然后复制到剪贴板“ 1234” 它可以与onClick一起使用，但是我写的ID却无法使用`

document.addEventListener('DOMContentLoaded', function() {
	var link = document.getElementById('copyToClipboard');

	link.addEventListener('click', 
		function copyToClipboard(text) {
		const input = document.createElement('input');
			input.style.position = 'fixed';
			input.style.opacity = 0;
			input.value = text;
			document.body.appendChild(input);
			input.select();
			document.execCommand('Copy');
			document.body.removeChild(input);
		}
	);
});

<button id="copyToClipboard('1234')">Copy text</button>

`

Answer 1

我正在考虑此解决方案，因为您已经在按钮上定义了一个功能。

document.addEventListener('DOMContentLoaded', function() {

    var link = document.getElementById('1234');

    link.addEventListener('click', 
        function copyToClipboard() {

        const input = document.createElement('input');
            input.style.position = 'fixed';
            input.style.opacity = 0;
            input.value = this.id;
            document.body.appendChild(input);
            input.select();
            document.execCommand('Copy');
            document.body.removeChild(input);
        }
    );
});
</script>
<button id="1234" >Copy text</button>

剪贴板扩展程序chrome，不带输入显示

1 个答案: