JavaScript Essentials: Input and the Mouse
Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level
Overview/Description
As a client side UI focused language, efficiently handling user input in JavaScript is very important. This course covers submission and validation of forms and input boxes, checkboxes and dialogs, tracking mouse and keyboard interactions, and changing mouse cursors.
Target Audience
Developers looking to skill up in JavaScript and anyone with an interest in writing JavaScript code
Prerequisites
None
Expected Duration (hours)
2.1
Lesson Objectives JavaScript Essentials: Input and the Mouse
start the course
prevent a form from clearing its fields when the Submit button is clicked
capture form data using JavaScript
capture file information from a file submit field using JavaScript
validate numerical input using JavaScript
validate text input using JavaScript
validate an e-mail address by using JavaScript
use the confirm dialog box to create binary choices for users
set the prompt dialog box
process checkbox selections by using JavaScript
process radio button selections by using JavaScript
process drop-down menu selections by using JavaScript
process data from multiple form fields into a string using JavaScript
track mouse coordinates in a browser using JavaScript
track mouse clicks on HTML objects by using JavaScript
track mouse clicks and coordinates
track keyboard input
create pop-ups on mouse hover with JavaScript
create hyperlink pop-ups on mouse hover
track mouse coordinates on HTML5 Canvas by using JavaScript
detect mouse clicks on an HTML5 canvas by using JavaScript
change the cursor by using the "default", "auto", "text", "copy", and "move" properties
change the cursor by using the "crosshair", "help", "progress", and "wait" properties
change the cursor by using the "inherit", "pointer", "no-drop", and "not-allowed" properties
using vertical-text, none, row-resize, and col-resize mouse cursors
change the mouse cursor by using directional resize mouse cursors
change the mouse cursor by using context-menu, alias, all-scroll, and cell properties
Course Number: sl_jsce_a10_it_enus
Expertise Level
Intermediate