Deck 11: Working With Events and Styles Tutorial

Question 1

The event property evt.key returns the text of the key used in the event.

Answer 1

True

Question 2

During a mouse action, events cannot be fired more than once.

Answer 2

False

Question 3

A limitation of an event handler is that only one function can be applied to it at a time.

Answer 3

False

Question 4

All JavaScript properties must begin with an uppercase letter.

Question 5

The onclick event handler recognizes the propagation of events through the capture and bubbling phases.

Question 6

The mouseout event indicates the movement of a mouse pointer onto an element.

Question 7

The keypress event is fired in response to the computer generating a character.

Question 8

The dblclick event indicates that the mouse button has been double-clicked.

Question 9

When a user copies the content of an element in a browser window, the oncut event handler is used.

Question 10

The commands that a browser runs in response to an event is a script .

Question 11

A generic cursor should be listed first and custom cursors should be listed last so that a browser can display something if it is unable to support a custom cursor image.

Question 12

Good coding practice dictates that global variables must be used as much as possible in a program.

Question 13

The event model describes how events and objects interact within a web page and a web browser.

Question 14

The evt.pageY property returns the vertical coordinate (in pixels) of the mouse pointer relative to the document.

Question 15

The evt.target returns the object in which the event was initiated.

Question 16

Function operators are more flexible than function declarations, allowing a function to be placed anywhere a variable can be placed.

Question 17

Named functions are more concise and easier to manage than anonymous functions.

Question 18

The evt.eventPhase returns the object that is currently experiencing the event.

Question 19

The event object contains properties and methods associated with an event.

Question 20

JavaScript does not support hyphens in property names.

Question 21

The _____ is a mouse event object property that references the secondary object, where for the mouseover event, it i s the element that the pointer is leaving and for the mouseout event it is the element that the pointer is entering.

A) evt.which
B) evt.detail
C) evt.relatedTarget
D) evt.button

Question 22

The _____ object property references the browser window in which the event has occurred.

A) evt.target
B) evt.view
C) evt.currentTarget
D) evt.eventphase

Question 23

The _____ event handler is applied to a page when it is about to be unloaded by the browser.

A) onunload
B) onload
C) onbeforeunload
D) onbeforeload

Question 24

Which of the following provides the correct syntax for adding an event handler to a page element as an HTML attribute?

A) < element onevent = "script">
B) element = "script">
C) element = "onevent">
D) element script = "onevent";>

Question 25

Which of the following statements is true about the evt.screenX mouse event?

A) It returns the horizontal coordinate (in pixels) of the mouse pointer relative to the browser window.
B) It returns the horizontal coordinate (in pixels) of the mouse pointer relative to the physical screen.
C) It returns the horizontal coordinate (in pixels) of the secondary target of the event.
D) It returns the horizontal coordinate (in pixels) of the last mouse click relative to the screen

Question 26

In the evt.eventPhase property, identify the phase of the event propagation the object is currently at when its value is 2.

A) NONE
B) CAPTURING_PHASE
C) AT_TARGET
D) BUBBLING_PHASE

Question 27

The _____ event property returns a Boolean value that indicates whether the browser depends upon the event.

A) evt.type
B) evt.target
C) evt.isTrusted
D) evt.eventPhase

Question 28

In the _____ phase, the event moves down the object hierarchy, starting from the root element and moving inward until it reaches the object that initiated the event.

A) capture
B) target
C) bubbling
D) analyse

Question 29

Identify the mouse event property that returns an integer indicating the mouse button that was pressed, where 0 = none, 1 = left, 2 = wheel or middle, and 3 = right.

A) evt.which
B) evt.button
C) evt.buttons
D) evt.detail

Question 30

Which of the following mouse event properties returns the vertical coordinate (in pixels) of the mouse pointer relative to the browser window?

A) evt.clientY
B) evt.pageY
C) evt.screeenY
D) evt.whichY

Question 31

Which of the following is the correct syntax for a command in JavaScript to apply inline styles using the following style attribute? …

A) object.style = property:value
B) object.property = style.value
C) object .style. property = " value ";
D) object:style:property = "value";

Question 32

Which of following codes of an event handler records the exact window position of the mouse pointer as it maneuvers across an element?

A) document.getElementById("element1").onmouseenter = trackPointer; function trackPointer(e) { var hPos = e.clientX; document.getElementById("element2").innerText;
B) document.getElementById("element1").onmouseclick = trackPointer; function trackPointer(e) { var vPos = e.clientY; document.getElementById("element2").innerText = " (" + hPos + ", " + vPos + ")"; }
C) document.getElementById("element1").onmousemove = trackPointer; function trackPointer(e) { var hPos = e.clientX; var vPos = e.clientY; document.getElementById("element2").innerText = " (" + hPos + ", " + vPos + ")"; }
D) document.getElementById("element1").onmouseup = trackPointer; function trackPointer(e) { var hPos = e.clientX; document.getElementById("element2").innerText = " (" + hPos + ", " + vPos + ")"; }

Question 33

Which of the following event properties or methods returns a Boolean value that indicates whether an event can have its default action terminated?

A) evt .stopImmediatePropagation()
B) evt.stopPropogation()
C) evt.cancelable
D) evt.defaultPrevented

Question 34

Identify a true statement about the evt.eventPhase property.

A) It returns the object currently experiencing the event.
B) It returns a Boolean value indicating whether the event is trusted by the browser.
C) It returns the type of event.
D) It returns the stage of the event propagation the event object is currently at.

Question 35

Which of the following JavaScript methods is used to define an object collection based on a CSS (Cascading Style Sheets) selector?

A) document.querySelectorAll( selector )
B) document.getElementbyId(selector)
C) object .style. property = " value(selector) "
D) object.property = "value(selector)"

Question 36

Identify the event handler that does not recognize the propagation of the events through capture and bubbling phases.

A) onmouseout
B) onmouseleave
C) onmouseenter
D) onmousedown

Question 37

Which of the following JavaScript expressions is equivalent to the given HTML code?

A) document.getElementById("menu1").className = "menu";
B) document.getElementById("menu1")."menu";
C) Document.getelementbyId(menu1= "class name".menu);
D) Document.getelementbyId("menu1").menu= "class";

Question 38

Which of the following mouse buttons is pressed if the value of the evt.buttons property is 2?

A) the left mouse button
B) the right mouse button
C) the middle mouse button
D) the back mouse button

Question 39

Which of the following event object methods prevents other event listeners of the event from being called?

A) evt .stopImmediatePropagation()
B) evt .stopPropagation()
C) evt .preventDefault()
D) evt .cancelable()

Question 40

The _____ element is continuously fired as the mouse pointer hovers across an element with each new position registering that event.

A) mousemove
B) mouseover
C) mouseout
D) mouseleave

Question 41

Which of the following is the correct value of the charCode property for the keys "a, z" when the keyup and keydown events occur?

A) 65, 90
B) 97, 105
C) 49, 57
D) 0, 0

Question 42

Identify the syntax to remove an event listener.

A) object .removeEventListener( event , function [, capture = false]);
B) object .removeEventListener( event , function [, capture = true]);
C) object .removeEventListener( event , function [, bubbling = false]);
D) object .removeEventListener( event , function [,bubbling= false]);

Question 43

Identify the sequence of the occurrence of events when a user types a keyboard key.

A) keyup,keypress,keydown
B) keydown,keypress,keyup
C) keyup,keydown,keypress
D) keydown,keyup,keypress

Question 44

William wants to create a dialog box in his website to display the message "My name is William". Which of the following syntaxes must William use to display the message?

A) alert("My name is William")
B) confirm("My name is William")
C) prompt("My name is William")
D) print("My name is William")

Question 45

Identify the keyCode values of the modifier keys when the keyup and keydown events occur.

A) 16, 17, 18, 91
B) 37, 38, 39, 40
C) 0, 0, 0, 0
D) 65, 90, 97, 122

Question 46

Which of the following keyboard event properties returns the text of the key used in the event?

A) evt.altKey
B) evt.metaKey
C) evt.shiftKey
D) evt.key

Question 47

The keyCode values for the keys "1, 9" on the numeric pad when the keypress event occurs is _____.

A) 49, 57
B) 97, 105
C) 65, 90
D) 97, 122

Question 48

Identify the correct syntax to prevent a submit button from submitting a web form when clicked using the prevent default() method.

A) document.querySelector("input[type='submit']").onclick = runForm; function runForm(e) { function commands e.preventDefault(); }
B) document.querySelector("input[type='submit']").onclick = runForm;
C) document.querySelector("input[type='submit']").onclick = runForm; function runForm(e) { e.preventDefault(); }
D) document.querySelector("input[type='submit']").onclick = runForm; function runForm(e) { }

Question 49

Identify the syntax to add an event listener to an object.

A) object .addEventListener( event , function [, capture = true]);
B) object .addEventListener( event , function [, capture = false]);
C) object .addEventListener( event , function [, target = false]);
D) object .addEventListener( event , function [, target = true]);

Question 50

Which of the following is the correct location of a key on a keyboard if the value of the keyboard property evt.location is 3?

A) The key is located in the standard position.
B) The key is located on the keyboard's left edge.
C) The key is located on the keyboard's right edge.
D) The key is located on the numeric pad.

Question 51

Which of the following is the syntax to define a cursor in JavaScript?

A) object.cursorTypes = cursor.style;
B) object.style = cursorTypes;
C) object.style.cursor = cursorTypes;
D) object.style.cursorTypes = cursor;

Question 52

Which of the following browsers supports cursors only in CUR and ANI formats?

A) Microsoft Edge
B) Google Chrome
C) Mozilla Firefox
D) Opera Mini

Question 53

Identify a true statement about a function in JavaScript.

A) A function can be stored as a variable.
B) An object is passed through a function using the pass by value method.
C) A special function exists for multithreading in JavaScript.
D) An object is passed through a function using pass by reference method.

Question 54

Which of the following syntaxes displays a dialog box, causing the user to enter input text?

A) alert(text[,defaultInput])
B) confirm(text[,defaultInput])
C) prompt( text [, defaultInput ])
D) print(text[,defaultInput])

Question 55

John has created an object called Pines. He wants to change the cursor type to the pointer cursor. Which of the following syntaxes must John use to accomplish this?

A) document.getElementById("Pines").style.cursor = "pointer";
B) document.queryselector("Pines").cursor.style = "pointer";
C) document.queryselector("Pines").style = "pointer";
D) document.getElementById ("Pines").cursor = "pointer";

Question 56

Identify the correct charCode values for the keys "1, 9" on the top row of the keyboard when the keyup and keydown events occur.

A) 0, 0
B) 49, 57
C) 65, 90
D) 97, 122

Question 57

Which of the following is a true statement about an event listener?

A) It describes how events and objects interact within a web page and a web browser.
B) It allows a function to override another when multiple functions are added.
C) It permits only one function to be applied to an event listener at a time.
D) It responds to events during the target phase but does not recognize the propagation of events through the capture and bubbling phases.

Question 58

Identify a true statement about the evt.charCode keyboard event property.

A) It returns the text of the key used in the event.
B) It returns a Unicode character indicating whether the Alt key was used in the event object
C) It returns a Boolean value indicating whether the meta key was used in the event
D) It returns the Unicode character code of the key used in the keypress event.

Question 59

Which of the following keyboard event properties returns a Boolean value indicating whether a specific key was used in an event?

A) evt.key
B) evt.metaKey
C) evt.keyCode
D) evt.charCode

Question 60

Which of the following are the charCode values for the cursor control keys when the keydown and keyup events occur?

A) 16, 17, 18, 19
B) 65, 90, 97, 122
C) 0, 0, 0, 0
D) 16, 17, 18, 91

Question 64

Identify the syntax that allows the click point of the cursor to change the color of the cursor image with the coordintaes of the centre of the image being 12, 6 respectively.

A) cursor:url(image.p ng) 12 6, pointer;
B) cursor:url(image.p ng)(12:6);
C) cursor(image.p ng).pointer 12, 6;
D) cursor (image.pn g)(url,12,6);

Question 65

Case-Based Critical Thinking Questions Case 11-3 Robin has developed a typing tutorial using JavaScript that contains instructions and interactive activities and games. A user is required to press certain keys. The instructions appear on the screen when the user is using the tutorial. The user is instructed to press the Windows key on the PC keyboard every five seconds to complete a game. Which of the following keyboard event properties identifies if the key has been pressed or not?

A) evt.ctrlKkey
B) evt.metaKey
C) evt.detail
D) evt.which

Question 66

Discuss the challenges and features of anonymous functions.

Question 67

Why are functions treated differently in JavaScript? List some unique things that are possible with functions in JavaScript.

Question 68

Case-Based Critical Thinking Questions Case 11-5 Ashton has created a website for his company using JavaScript. He wants to add dialog boxes to the website to display messages and allow the user to input text. Ashton wants to create a dialog box for his website that asks the user to select OK or Cancel when he or she decides to leave the website. Which of the following commands should Ashton use to do this?

A) alert(text)
B) prompt( text [, defaultInput ])
C) confirm(text)
D) print(text)

Question 69

Explain function declaration in JavaScript. How is the method of function declaration in JavaScript more flexible?

Question 70

Case-Based Critical Thinking Questions Case 11-3 Robin has developed a typing tutorial using JavaScript that contains instructions and interactive activities and games. A user is required to press certain keys. The instructions appear on the screen when the user is using the tutorial. The user is instructed to type a specific key on the left side of the keyboard when using the tutorial. Which of the following keyboard event properties identifies if the user has pressed the specified key?

A) evt.key
B) evt.which
C) evt.detail
D) evt.location

Question 71

Which of the following mouse event object properties matches the mouse key that is clicked by the player during the game?

A) evt.detail
B) evt.button
C) evt.which
D) evt.relatedTarget

Question 72

Case-Based Critical Thinking Questions Case 11-2 Matt has developed a game using JavaScript that involves clicking of different mouse buttons continuously for a minute. The game provides instructions on which mouse button must be clicked and the number of times a button must be clicked to play the game. Which of the following mouse event object properties counts the number of times the player clicks the mouse button during the game?

A) evt.detail
B) evt.which
C) evt.relatedTarget
D) evt.button

Question 73

Case-Based Critical Thinking Questions Case 11-4 Mathew has created a website using JavaScript. He wants to add a feature which allows a user to change the color of the cursor image with a single click on it. He uses the click point for the cursor to accomplish this. What will be the default location of the click point of the cursor if no coordinates have been assigned to it?

A) (x, 0)
B) (0, 0)
C) (0, y)
D) (x, y)

Question 74

Case-Based Critical Thinking Questions Case 11-1 Mark has created a multimedia website about tourism that contains multiple images and videos of different tourist destinations. He wants to make certain changes to the website. These changes can be performed within the browser with the help of event handlers. Mark wants to upload a video of a tourist destination onto the website but is unable to do so. Which of the following event handlers should Mark apply to handle the corresponding event in the browser?

A) onbeforeunload
B) onunload
C) oncut
D) onerror

Question 75

Case-Based Critical Thinking Questions Case 11-1 Mark has created a multimedia website about tourism that contains multiple images and videos of different tourist destinations. He wants to make certain changes to the website. These changes can be performed within the browser with the help of event handlers. Mark wants to add content to the website that he is creating by copying it from another web page. Which of the following event handlers must Mark use to administer the event in the browser window of the website?

A) oncopy
B) onpaste
C) oncut
D) onunload

Question 76

Which of the following commands should be used by Ashton to allow a visitor to add their personal details using a dialog box on the website?

A) alert(text[,defaultInput])
B) prompt(text[,defaultInput])
C) confirm ( text [, defaultInput ])
D) print(text[,defaultInput])