ClipboardData - Revision history

Ghenne at 13:49, 24 July 2019

2019-07-24T13:49:41Z

@@ Line 28: / Line 28: @@
 |}
-== Example (Basic) ==
+== Example ==
-<pre>
 Function Input1_oncopy(event)
    length = Input1.selectionEnd - Input1.selectionStart
@@ Line 68: / Line 112: @@
    Input1.select()
    document.execCommand("Copy")
-End Function
+End Function</syntaxhighlight>
+</tabber>
 == Output ==

2017-01-26T19:48:08Z

Example (JavaScript)

← Older revision		Revision as of 19:48, 26 January 2017
Line 85:		Line 85:

	NSB.MsgBox("Selected text:" + selectedText + '\n' + "Changed to:" + modifiedText);		NSB.MsgBox("Selected text:" + selectedText + '\n' + "Changed to:" + modifiedText);
	};

	~~Input2.onpaste = function(event) {~~
	~~clipboardData = event.clipboardData;~~
	~~tobePasted = clipboardData.getData("text/plain");~~
	~~Input2.value = tobePasted + " was pasted";~~
	~~//Stop the default paste to the field.~~
	~~event.preventDefault();~~

	~~NSB.MsgBox("Pasted text:" + tobePasted + '\n' + "Change to:" + Input2.value);~~
	};

	~~Input1.oncopy = function(event) {~~
	~~length = Input1.selectionEnd - Input1.selectionStart;~~
	~~selectedText = Mid(Input1.value, Input1.selectionStart + 1, length);~~
	~~modifiedText = UCase(selectedText);~~

	~~clipboardData = event.clipboardData;~~
	~~clipboardData.setData("text/plain", modifiedText);~~
	~~//Stop the default copy from the field.~~
	~~event.preventDefault();~~

	~~NSB.MsgBox("Selected text:" + selectedText + '\n' + "Changed to:" + modifiedText);~~

	};		};

2017-01-26T19:16:05Z

Properties and Methods

← Older revision		Revision as of 19:16, 26 January 2017
Line 23:		Line 23:
	\| oncopy(''event'') \|\| Called when the user copies from an input field.		\| oncopy(''event'') \|\| Called when the user copies from an input field.
	\|-		\|-
	\| ~~getData~~(''event'') \|\| Called when the user cuts from an input field.		\| oncut(''event'') \|\| Called when the user cuts from an input field.
	\|-		\|-
	\| ~~getData~~(''event'') \|\| Called when the user pastes to an input field.		\| onpaste(''event'') \|\| Called when the user pastes to an input field.
	\|}		\|}

2017-01-26T18:47:36Z

Description

← Older revision		Revision as of 18:47, 26 January 2017
Line 8:		Line 8:
	ClipboardData lets you access the data on the clipboard. You can modify the data cut or copied to the clipboard, as well as data pasted from the clipboard. It can be used in Input, Textarea and Textbox controls in all frameworks. It is available in the event object passed to the oncopy, oncut and onpaste events.		ClipboardData lets you access the data on the clipboard. You can modify the data cut or copied to the clipboard, as well as data pasted from the clipboard. It can be used in Input, Textarea and Textbox controls in all frameworks. It is available in the event object passed to the oncopy, oncut and onpaste events.

	Implementation of clipboard data is uneven across browsers. The examples here should work on all ~~browser~~. There are additional features which only work on some browsers. To see the current status of Clipboard API support on all browsers, see http://caniuse.com/#search=clipboard%20API		Implementation of clipboard data is uneven across browsers. The examples here should work on all browsers. There are additional features which only work on some browsers. To see the current status of Clipboard API support on all browsers, see http://caniuse.com/#search=clipboard%20API

	The full specification of the Clipboard API is at https://www.w3.org/TR/clipboard-apis/		The full specification of the Clipboard API is at https://www.w3.org/TR/clipboard-apis/

2017-01-23T11:52:17Z

Example (JavaScript)

@@ Line 95: / Line 95: @@
      NSB.MsgBox("Pasted text:" + tobePasted + '\n' + "Change to:" + Input2.value);
 };
 </pre>

2017-01-23T11:51:50Z

Example (Basic)

@@ Line 48: / Line 48: @@
    tobePasted = clipboardData.getData("text/plain")
    Input2.value = tobePasted & " was pasted"
    'Stop the default paste to the field.
    event.preventDefault()

2017-01-23T11:50:13Z

Properties and Methods

← Older revision		Revision as of 11:50, 23 January 2017
Line 17:		Line 17:
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
	\| getData(''type'') \|\| Gets the clipboard data for ''type''. ''type'' is usually "text/plain". The complete list of types is [https://w3c.github.io/clipboard-apis/#mandatory-data-types here].		\| getData(''type'') \|\| Gets the clipboard data for ''type''. ''type'' is usually "text/plain" or "text/html". The complete list of types is [https://w3c.github.io/clipboard-apis/#mandatory-data-types here].
	\|-		\|-
	\| setData(''type'', value) \|\| Put ''value'' on the clipboard with type of ''type''.		\| setData(''type'', value) \|\| Put ''value'' on the clipboard with type of ''type''.

2017-01-23T11:43:43Z

Properties and Methods

← Older revision		Revision as of 11:43, 23 January 2017
Line 17:		Line 17:
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
	\| getData(''type'') \|\| Gets the clipboard data for ''type''. ''type'' is usually "text/plain". The complete list of ~~type~~ is [https://w3c.github.io/clipboard-apis/#mandatory-data-types here].		\| getData(''type'') \|\| Gets the clipboard data for ''type''. ''type'' is usually "text/plain". The complete list of types is [https://w3c.github.io/clipboard-apis/#mandatory-data-types here].
	\|-		\|-
	\| setData(''type'', value) \|\| Put ''value'' on the clipboard with type of ''type''.		\| setData(''type'', value) \|\| Put ''value'' on the clipboard with type of ''type''.

2017-01-15T20:18:06Z

Example (Basic)

← Older revision		Revision as of 20:18, 15 January 2017
Line 52:		Line 52:

	MsgBox "Pasted text:" & tobePasted & vbCRLF & "Change to:" & Input2.value		MsgBox "Pasted text:" & tobePasted & vbCRLF & "Change to:" & Input2.value
			End Function

			Function btnCopy_onclick()
			'execCommand does not work on all browsers and platforms
			Input1.select()
			document.execCommand("Copy")
	End Function		End Function

2017-01-15T19:55:59Z

Properties and Methods

← Older revision		Revision as of 19:55, 15 January 2017
Line 21:		Line 21:
	\| setData(''type'', value) \|\| Put ''value'' on the clipboard with type of ''type''.		\| setData(''type'', value) \|\| Put ''value'' on the clipboard with type of ''type''.
	\|-		\|-
	\| oncopy(event) \|\| Called when the user copies from an input field.		\| oncopy(''event'') \|\| Called when the user copies from an input field.
	\|-		\|-
	\| getData(''~~type~~'') \|\| Called when the user cuts from an input field.		\| getData(''event'') \|\| Called when the user cuts from an input field.
	\|-		\|-
	\| getData(''~~type~~'') \|\| Called when the user pastes to an input field.		\| getData(''event'') \|\| Called when the user pastes to an input field.
	\|}		\|}