Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The ClipboardChangeEvent interface of the Clipboard API represents events fired whenever the contents of the system clipboard are changed.
ClipboardChangeEvent() Creates a new ClipboardChangeEvent event with the given parameters.
Also inherits properties from its parent Event.
ClipboardChangeEvent.types Read only An array of strings representing the mandatory data types available on the system clipboard when the event was fired.
ClipboardChangeEvent.changeId Read only A 128-bit integer representing a unique identifier for this specific clipboard change operation.
No specific methods; inherits methods from its parent Event.
In this example, when the clipboard's contents are changed, the event listener logs the data types, change id, and the entire event object to the console. This is a ClipboardChangeEvent object of type clipboardchange.
navigator.clipboard.addEventListener("clipboardchange", (event) => {
console.log(`MIME types: ${event.types}`);
console.log(`ID: ${event.changeId}`);
console.dir(event);
});copy, cut, pasteClipboardEvent