Keyboard & Input Events

The video tutorial covers various JavaScript events related to forms and inputs. It begins with an introduction to form and input events, followed by handling form submissions and preventing default behaviors. The tutorial then explores working with input values, including getting and clearing them. Key events such as keydown, keyup, and keypress are discussed, along with focus and blur events. The video also covers cut, paste, and input events, and demonstrates using the change event on a select list. The tutorial concludes with a preview of event bubbling and delegation.

What is the purpose of using 'document.querySelector' in JavaScript?

• To select an element by its tag name

• To select an element by its ID

• To select an element by its class

• To select an element using a CSS selector

How can you prevent a form from redirecting after submission?

• By using 'e.preventDefault()'

• By using 'e.stopPropagation()'

• By using 'e.stopImmediatePropagation()'

• By using 'e.preventRedirect()'

What method is used to clear an input field in JavaScript?

• inputField.value = ''

• inputField.reset()

• inputField.remove()

• inputField.clear()

Which event is triggered when a key is pressed down?

• keyup

• keydown

• keypress

• keyrelease

How can you dynamically display input values on the screen?

• By using 'innerHTML'

• By using 'innerText'

• By using 'textContent'

• By using 'outerHTML'

What event is triggered when an input field gains focus?

• activate

• select

• focus

• blur

Which event is fired when text is cut from an input field?

• copy

• remove

• cut

• paste

What event is triggered when any input action occurs?

• modify

• change

• input

• update

Which event is used to detect changes in a select list?

• update

• select

• change

• input

What is the default behavior of a form when submitted?

• It saves the data to local storage

• It redirects to the specified action URL

• It clears all input fields

• It displays a confirmation message