Events and the Prototype Library - Event-handling - Timer events

11 belangrijke vragen over Events and the Prototype Library - Event-handling - Timer events

Hoe zorg je ervoor dat de functie blingBling na 3 seconden uitgevoerd wordt

setTimeout(blingBling, 3000);

Schrijf code die een timer stopt en start

var timerID=null;
function stopwatchClick() {
timerID = setTimeout(blingBling, 3000));   //start/save timer
}

function abortButtonClick() {
clearTimeout(timerID);   //cancel timer
}

Hoe zou je de functie kaboom als een handler koppelen voor de mouseover event voor een element met id bomb. Maak gebruik van Prototype.

$("bomb").observe("mouseover", kaboom);
  • Hogere cijfers + sneller leren
  • Niets twee keer studeren
  • 100% zeker alles onthouden
Ontdek Study Smart

Hoe zou je een event stoppen? Waarom is het handig om dit soms te doen

event.stop();
Dankzij deze methode is het mogelijk om defaultevent handlers tegen te houden. Een voorbeeld is het submitten van een formulier, of het springen naar een pagina na het klikken op een link. Met behulp van d methode stop is het mogelijk dergelijk gedarg niet plaats te laten vinden, en in plaats daarvan iets anders te laten gebeuren

Wat is het verschil tussen een click event en een mousedown event

een click event besttat uit een mousedown en en een mouseup event op dezelfde plaats. Als een gebruiker de muis sleept en loslaat, ontstaat er op die plaats wel een mouseup event, maar geen click event

Hoe weet je of de left of right mouse button geklikt is

Met Prototype:
event.isLeftClick;
ZOnder prototype is dat ingewikkeld: er moet gekeken worden naar de browser (met behulp van het navigatorobject), en als het om Internet Explorer gaat betekent een waarde 1 voor event.button dat het een linkermuisklik was, en bij andere browsers is dat de waarde 0

Wanneer je te maken hebt met nouse events, dan kun je vragen naar de x/y positie waar het event plaats vond, relatief ten opzichte van andere punten. Wat zijn 3 van deze punten. In welke situatie zijn alledrie gelijk en wanneer zijn ze verschillend

clientX en clientY geven de plaats aan ten opzichte van het venster van de browser.
screenX en screenY geven de plaats aan ten opzichte van het scherm.
Als het venster van de browser nietschermvullend is, zijn die coordinaten dus verschillend
pageX en pageY geven de plaats ten opzichte van het document. Als de pagina langer is dan het venster, en de gebruiker heeft gescrolled, verschillen deze coordinaten dus van clientX en clientY

Wanneer een key event plaatsvind, hoe kun je uitzoeken welk karakter ingetypt is? Hoe zie je of er een speciaal karakter bijvoorbeeld Shift of Ctr er bij ingedrukt is?

String.fromCharCode(event.keyCode) geeft de letter aan die getypt is.
De altKey, ctrlKey en shiftKey properties van het event-object geven door middel van een boolean aan of de overeenkomstige toetesen gelijktijdig waren ingedrukt met de lettertoets

Wat is keyboard focus? Hoe verteld een gebruker welk deel van de pagina de focus heeft?

Keybord focus houdt in dat wanneer de gebuiker gaat typen, de input op de plaats met focus komt. De gebuiker kan dat zien aan de cursor, die staat in wat de focus heeft

Wat is het verschil tussen setTimeout en setInterval functies

De seTimeOut methode roept een functie eenmalig aan na het aflopen van een timer; de setInterval methode roept een fucntie steeds opnieuw aan na een bepaald interval

Hoe stop je een timer

Door midel van de methode clearTimeout en clearInterval

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

  • Een unieke studie- en oefentool
  • Nooit meer iets twee keer studeren
  • Haal de cijfers waar je op hoopt
  • 100% zeker alles onthouden
Onthoud sneller, leer beter. Wetenschappelijk bewezen.
Trustpilot-logo