JavaScript Essentials: Input and the Mouse

Course details

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.

• 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