Heim  >  Artikel  >  Web-Frontend  >  HTML-DOM-Zwischenablageereignis

HTML-DOM-Zwischenablageereignis

王林
王林nach vorne
2023-09-23 16:13:011010Durchsuche

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]);
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>
erstellen wir ein d5fd7aea971a85678ba271703566ebfd-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">
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!"
}

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

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen