JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
I pledge allegiance to the
flag
of the United States of
America, and to the Republic for which it stands, one nation under
God, indivisible, with liberty and justice for all.
onPaste
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
Listing 15-45 demonstrates how to use the onBeforePaste and onPaste event
handlers (in conjunction with onBeforeCopy and onCopy) to let scripts control the
data transfer process during a copy-and-paste user operation. A table contains
words to be copied (one column of nouns, one column of adjectives) and then
pasted into blanks in a paragraph. The onBeforeCopy and onCopy event handlers
are assigned to the TABLE element because the events from the TD elements bubble
up to the TABLE container and there is less HTML code to contend with.
Inside the paragraph, two SPAN elements contain underscored blanks. To paste
text into the blanks, the user must first select at least one character of the blanks.
(See Listing 15-37, which gives a drag-and-drop version of this application.) The
onBeforePaste event handler in the paragraph (which gets the event as it bubbles
up from either SPAN) sets the event.returnValue property to false, thus allowing
the Paste item to appear in the context and Edit menus (not a normal occurrence
in HTML body content).
At paste time, the innerHTML property of the target SPAN is set to the text data
stored in the clipboard. The event.returnValue property is set to false here, as
well, to prevent normal system pasting from interfering with the controlled version.
121
elementObject.onPaste