Course Details

Previous Page


JavaScript Essentials: Input and the Mouse


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number



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