JavaScript Essentials: Input and the Mouse

Developers looking to skill up in JavaScript and anyone with an interest in writing JavaScript code

Prerequisite
None

Expected Duration
126 minutes

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.

Objective

Forms and Submission

  • 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

Validation

  • validate numerical input using JavaScript
  • validate text input using JavaScript
  • validate an e-mail address by using JavaScript

Checkboxes and Dialogs

  • 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

Mouse and Keyboard Tracking

  • 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

Mouse Cursors

  • 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

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.