Kopieren in Zwischenablage-Skript mit Pausen und mehr Text - Java, HTML

Ich versuche, ein lustiges Skript für die Arbeitsdokumentation zu erstellen. Hier ist was ich bis jetzt habe.

<script type="text/javascript">
function ClipBoard() {
window.clipboardData.setData("text",
document.getElementById("name").value +
document.getElementById("phone").value +
document.getElementById("serial").value +
document.getElementById("new").value +
document.getElementById("cuts").value +
document.getElementById("agts").value
);
}

</script>
<form id="form1">
Name: <input id="name" /><br />
Phone Number: <input id="phone" maxlength="10" /><br />
Serial Number: <input id="serial" maxlength="10" /><br />
New/Existing: <input id="new" /><br />
CU TS: <input id="cuts" /><br />
Agent TS: <input id="agts" /><br />
<input type="button" onclick="ClipBoard()" value="Copy"/>
<input type="reset" />`

Gleich nachdem ich die Eingaben eingefügt habe, gibt es keine "Pausen", sondern kopiert den Text in eine Zeile. Bsp .: namephoneserialnew usw. Ich würde gern: Name Telefon Seriennummer Neu Usw. mit Pausen.

Wenn überhaupt möglich.

Gibt es beim Kopieren der Eingaben eine Möglichkeit, den Text vor der Eingabe zu kopieren. ZB: Name: (mit Eingabe), Telefonnummer: (mit Eingabe) usw.

Alle Vorschläge werden sehr hilfreich sein; Dies ist nur ein einfaches Skript, nichts Ernstes. Danke an alle!

Antworten:

Versuchen Sie, nach dem CTL-Wert "RN" hinzuzufügen.

function ClipBoard() {
window.clipboardData.setData("text",
document.getElementById("name").value + "rn" +
document.getElementById("phone").value + "rn" +
document.getElementById("serial").value + "rn" +
document.getElementById("new").value + "rn" +
document.getElementById("cuts").value + "rn" +
document.getElementById("agts").value
);
}

JavaScript erzeugt auf diese Weise keine Zeilenumbrüche. Sie können versuchen, hinzuzufügen "<br>" im Code und das könnte die Zeilenumbrüche bringen.

function ClipBoard() {
window.clipboardData.setData("text",
document.getElementById("name").value + "<br>"
document.getElementById("phone").value + "<br>"
document.getElementById("serial").value + "<br>"
document.getElementById("new").value + "<br>"
document.getElementById("cuts").value + "<br>"
document.getElementById("agts").value
);
}

Und wenn Sie Labels vor den Werten haben möchten, können Sie einfach einen String vor sie setzen.

function ClipBoard() {
window.clipboardData.setData("text",
"Name: " + document.getElementById("name").value + "<br>"
"Phone: " + document.getElementById("phone").value + "<br>"
"Serial: " + document.getElementById("serial").value + "<br>"
"New: " + document.getElementById("new").value + "<br>"
"Cuts: " + document.getElementById("cuts").value + "<br>"
"Agts: " + document.getElementById("agts").value
);
}

Übrigens, Sie haben das Endtag im HTML vergessen.