Standard for key events

Det ser ikke ud til at dette er muligt pt:

http://www.howtocreate.co.uk/tutorials/javascript/domevents

lukker

Ønaket om browseruafhængig kode er til stadihed en kilde til frustration.
Hvis alle browsere overholdt en standard for dokument- og event-model ville det have været en let sag.
Man må ofte sørge for at websiden virker uden script eller CSS.

Man starter derfor tit med at lave et design i ren HTML for at formidle den ønskede information, så det kan bruges i helt 'lamme' browsere.

Dernæst kan man rafinere præsentationen med CSS. Alene her er der mange muligheder for browserinkompabilitet.

Scripts kan til sidst gøre siden mere levende og intelligent, som f.eks. ønsket om en 'default' knap aktiveret af enter-tasten via script.

Dit problem omfatter 3 primære faciliteter der alle er browserafhængige.

1. Tilføje en key-envent-handler til dokumentet.
2. Detektere tastens kode.
3. Forhindre standard fumktion.

Artiklen om DOM-events beskriver i detailjer alle disse faciliteter. (: God artikkel stephan! :)

re 1:

Til at få en ensartet behandling under mange forskellige omstændigheder:

function catchEvent(objElm, strEvent, pFunction){
    if (objElm.addEventListener){ // FF
        objElm.addEventListener(strEvent, pFunction, false);
    } else if (objElm.attachEvent){ // IE
        objElm.attachEvent("on"+strEvent, pFunction);
    } else { // IE can do this, maybe some XYZbrowser has none of the above.
        objElm["on"+strEvent] = pFunction;
        objElm[strEvent] = pFunction;
    }
}

re 3:

Følgende fragment kan være nyttigt:

    if (evt.preventDefault){
        evt.preventDefault();
    } else {
        event.cancelBubble = true;
        event.keyCode=0;
    }
    return false;

<ole>

Den sidste kode er vist lidt sammenrod af preventDefault og stopPropagation ... eller?  =)

/mvh
</bole>

Well, efter hvad jeg kan forstå er det ikke muligt at gardere sig 100% mht forskellige tekstfelter der skal aktivere forskellige buttons, så jeg droppe at arbejde mere på det.

Men det er for mig at se en skamplet i programmerings-historien at browsere ikke kan overholde samme standarder. Det kuglegraver hele ideen om lagdeling, hvor HTML er nød til at tage højde for, hvilke browsere der skal læse den.

OK - sandt nok Ole :o)

Det her er et bedre eksempel:

function handle_key_event(evt){
    evt = evt?evt:event;

    // ... ...

    // Forhindre standard handling

    if (evt.preventDefault){
        evt.preventDefault();
    } else {
        evt.keyCode=0;
    }

    // Standse videre udbredelse

    if (evt.stopPropagation){
        evt.stopPropagation();
    } else {
        evt.cancelBubble = true;
    }

    return false;
   
}