JavaScript 实现输入框内容一键复制(附上 Vue 3 实现方式)

vue

一、JS 实现方式

实现代码:

<input type="text" />

<button>一键复制</button>

const inputText = document.getElementsByTagName("input")[0];

const copyButton = document.getElementsByTagName("button")[0];

copyButton.addEventListener("click", () => {

inputText.select();

document.execCommand("copy");

});

二、Vue3 实现方式

实现代码:

<input type="text" ref="inputText"/>

<button @mousedown="clickCopy">一键复制</button>

const inputText = ref({} as unknown);

const clickCopy = () => {

(inputCode.value as HTMLInputElement).select();

document.execCommand("copy");

};

以上是 JavaScript 实现输入框内容一键复制(附上 Vue 3 实现方式) 的全部内容, 来源链接: utcz.com/z/376624.html

回到顶部