Events and the Prototype Library - Event-handling - Keyboard and text events
3 belangrijke vragen over Events and the Prototype Library - Event-handling - Keyboard and text events
Wanneer heeft een element keybord focus of blur
Als de key cursor op dat element staat en de gebruiker kan tekst in het element typen.
blur -> wanneer het event de focus verliest
Schrijf code waarbij de ZIP code uit maximaal 5 cijfers mag bestaan
window.onload = function() {
$("zip").observe."keydown", zipKeyDown);
};
function zipKeyDown(event) {
var zero = "0".charCodeAt(0);
var nine = "9".charCodeAt(0);
if ((event.keyCode < zero || event.keyCode > nine) && ALLOWED.indexOf(event.keyCode) < 0){
event.stop();
}
}
Schrijf code waarbij een juiste ZIP code ingevuld moet worden met behulp van een formulier
HTML:
<form id="zipform" action="http://webster.cs.washington.edu/params.php"
method="get">
ZIP code:
<input id="zip" type="text" size="5" maxlength="5" />
<span id="ziperror></span> <br />
<input type="submit" />
</form>
CSS
.badformdata {
background-color: #FF6666;
color: yellow;
}
JS
window.onload = function() {
$("zip").observe("keydown", zipKeyDown);
$("zipform").observe("submit", zipFormSubmit);
};
function zipFormSubmit(event) {
if ($("zip").lenght !=5) {
$("ziperror").innerHTML = "ZIP code must be 5 characters";
$("zip").addClassName("badformdata");
event.stop();
}
}
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.
