In our last tutorial we left off with the mouse events. We’ll be wrapping up the series on JavaScript events in this part. It’s been a long ride, but by the end of this article you should be able to create some nifty dynamic web pages. When Google buys your nerd-infested web site, don’t forget the guy who got you there.
OnReset, OnResize and Other JavaScript Events - OnSelect (Page 3 of 5 )
The OnSelect event is triggered when a user selects text from a text field or a textarea field. Observe the following code:
<html>
<body>
<form>
This text is mine! <input type="text" value="Don't you even try it!"
onselect="alert('Hey! Can't you read?!?')">
<br /><br />
We can share this here text: <textarea cols="10" rows="3"
onselect="alert('I changed my mind I do not want to share!')">
Chocolate Bunnies
We first create a text box with the text Don’t you even try it! and a textarea containing the data Chocolate Bunnies. The text box has the caption: “This text is mine!” If the user highlights or selects the text, a pop-up appears with the text: Hey! Can’t you read?!?
The textarea box has a caption that reads, “We can share this here text.” Ah that’s nice isn’t it? Of course it isn’t. As soon as the user highlights or selects the text, they get a nasty surprise -- a pop-up alert that says: I changed my mind I do not want to share!
Supporting HTML tags: <input type="text">, <textarea>