HTML-DOM-Zwischenablageereignis-HTML-Tutorial-php.cn

HTML-DOM-Zwischenablageereignis

王林

Freigeben： 2023-09-23 16:13:01

nach vorne

1012 Leute haben es durchsucht

HTML DOM Clipboard-Ereignis wird verwendet, um Informationen über Änderungen in der Zwischenablage bereitzustellen. Ereignisse können ausgeschnitten, kopiert und eingefügt werden. Mithilfe von Zwischenablageereignissen können Sie Ihre Website zugänglicher machen, indem Sie Benutzern Informationen darüber liefern, wie die Zwischenablage geändert wurde.

Properties

Im Folgenden sind die Eigenschaften des Clipboard-Ereignisses aufgeführt: -

Property	Description
clipboardData	Gibt ein Objekt zurück, das die Daten enthält, die von der Zwischenablageoperation (Ausschneiden, Kopieren oder Einfügen) betroffen sind ).

Ereignis

Die folgenden Ereignistypen gehören zu Zwischenablageereignissen: Element.

OncutDieses Ereignis wird ausgelöst, wenn der Benutzer den Inhalt des Elements ausschneidet. onpasteDieses Ereignis wird ausgelöst, wenn der Benutzer Inhalte in das Element einfügt. Syntax

var clipboardEvent = new ClipboardEvent(type,[options]);

Nach dem Login kopieren

Example

<!DOCTYPE html>
<html>
<body>
<form>
<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">
</label>
</form>
<p id="Sample"></p>
<script>
   function CopyText() {
      document.getElementById("Sample").innerHTML = "The text has been copied by you!"
   }
</script>
</body>
</html>

Nach dem Login kopieren

erstellen wir ein -Element vom Typ text. Ihm ist das Tag TEXTBOX zugewiesen und es enthält bereits Text, den der Benutzer auswählen kann. Nachdem der Benutzer den Text kopiert hat, wird die Methode CopyText() ausgeführt. Die

<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">

Nach dem Login kopieren



Das Folgende ist die Syntax des Zwischenablageereignisses:	Hier kann der Typ „Ausschneiden“, „Kopieren“ oder „Einfügen“ sein, und der zweite Parameter ist optional. Der zweite Parameter enthält ClipboardData, dataType und data.
let sehen ein Beispiel für eine der Clipboard -Ereignis -Onkopie -	output oben Im Beispiel −

CopyText()-Methode ruft das

-Element mithilfe der getElementById()-Methode im Dokument ab und zeigt „Sie haben den Text innerhalb des Absatzes kopiert!“ an.

function CopyText() {
   document.getElementById("Sample").innerHTML = "The text has been copied by you!"
}

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHTML-DOM-Zwischenablageereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!