Rumah > hujung hadapan web > tutorial js > Pelaksanaan JavaScript untuk menyalin kandungan ke kemahiran code_javascript papan tulis

Pelaksanaan JavaScript untuk menyalin kandungan ke kemahiran code_javascript papan tulis

WBOY
Lepaskan: 2016-05-16 15:07:16
asal
1841 orang telah melayarinya

Baru-baru ini saya mengusahakan projek bahagian hadapan, di mana terdapat keperluan untuk menyalin terus nilai-nilai dalam input atau kawasan teks ke papan tampal melalui butang. Di bawah, editor akan berkongsi dengan anda idea dan kod pelaksanaan saya, dan anda boleh memperkenalkannya terus ke dalam projek.

Kod khusus adalah seperti berikut:

function copyToClipboard(elem) {
// create hidden text element, if it doesn't already exist
var targetId = "_hiddenCopyText_";
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
var origSelectionStart, origSelectionEnd;
if (isInput) {
// can just use the original source element for the selection and copy
target = elem;
origSelectionStart = elem.selectionStart;
origSelectionEnd = elem.selectionEnd;
} else {
// must use a temporary form element for the selection and copy
target = document.getElementById(targetId);
if (!target) {
var target = document.createElement("textarea");
target.style.position = "absolute";
target.style.left = "-9999px";
target.style.top = "0";
target.id = targetId;
document.body.appendChild(target);
}
target.textContent = elem.textContent;
}
// select the content
var currentFocus = document.activeElement;
target.focus();
target.setSelectionRange(0, target.value.length);
// copy the selection
var succeed;
try {
succeed = document.execCommand("copy");
} catch(e) {
succeed = false;
}
// restore original focus
if (currentFocus && typeof currentFocus.focus === "function") {
currentFocus.focus();
}
if (isInput) {
// restore prior selection
elem.setSelectionRange(origSelectionStart, origSelectionEnd);
} else {
// clear temporary content
target.textContent = "";
}
return succeed;
}
Salin selepas log masuk

Kita boleh memanggil kaedah ini secara langsung seperti ini:

copyToClipboard(document.getElementById("name"));
Salin selepas log masuk

Dengan cara ini, nilai dengan nama id dimasukkan ke dalam papan tampal.

Editor akan memperkenalkan anda kepada kod JavaScript untuk menyalin kandungan ke papan penampal di sini.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan