[Firefox] event.keypress werkt niet

[Urk]

Ik heb de volgende functie:

JavaScript:

function keyPress() {
if(event.keyCode==27 && document.getElementById('content_overlay').style.display=='inline') {
  hideOverlay();
  hideTooltipImmediately('msg_tooltip');
 }
}
document.onkeypress=keyPress;

Deze werkt prima in IE en Opera, echter niet in Firefox.

Ik heb direct gegoogled op dit probleem en kom tegen dat Firefox geen event.keyCode (of event.keycode) ondersteund, ik vind alternatieven zoals event.which, event.charCode etc.. maar dit alles lijtk niet te werken. Ook zou ik de functie moeten aanspreken als:
document.onkeypress=keyPress(event);

maar ook dit geeft Javascript errors. Iemand enig idee?

[MrVulcan]

Volgens mij zou dit wel moeten werken.

JavaScript:

function keyPress(e) {
  var keynum;
  if(window.event){ keynum = e.keyCode; }
  else if(e.which){ keynum = e.which; }
  if(keynum==27 && document.getElementById('content_overlay').style.display=='inline'){
    hideOverlay();
    hideTooltipImmediately('msg_tooltip');
  }
  return true;
}

document.onkeypress=keyPress;

[BtM909]

verplicht leesvoer

http://www.quirksmode.org/js/keys.html

[Urk]

MrVulcan schreef op vrijdag 25 mei 2007 @ 13:43:
Volgens mij zou dit wel moeten werken.

JavaScript:

function keyPress(e) {
  var keynum;
  if(window.event){ keynum = e.keyCode; }
  else if(e.which){ keynum = e.which; }
  if(keynum==27 && document.getElementById('content_overlay').style.display=='inline'){
    hideOverlay();
    hideTooltipImmediately('msg_tooltip');
  }
  return true;
}

document.onkeypress=keyPress;

Bedankt voor je hulp maar helaas werkt dit niet, ik krijg in Firefox een javascript error:
e is not defined

Volgens mij had ik soortgelijke code ook al eerder geprobeerd.
Is het niet zo dat ik dan een document.onkeypress=keyPress(event); moet doen?
Echter krijg ik daarop dan ook een foutmelding...

[Urk]

BtM909 schreef op vrijdag 25 mei 2007 @ 13:47:
verplicht leesvoer

http://www.quirksmode.org/js/keys.html

Thanks! Die pagina had ik wel al gezien, echter lijkt dat ook niet te werken in mijn functie, volgens die pagina ondersteund firefox namelijk gewoon onkeypress i.c.m. event.keyCode, toch?

[disjfa]

Urk schreef op vrijdag 25 mei 2007 @ 14:04:
[...]
Thanks! Die pagina had ik wel al gezien, echter lijkt dat ook niet te werken in mijn functie, volgens die pagina ondersteund firefox namelijk gewoon onkeypress i.c.m. event.keyCode, toch?

Dan stap je naar de onKeyDown

[MrVulcan]

Probeer dit eens.

JavaScript:

    <script type="text/javascript">
        function keyPress(e) {
          var e = e || window.event;
          var kCode = e.keyCode || e.which;
          if(kCode && '27' == kCode){alert('esc');}
          return true;
        }
        document.onkeypress = keyPress;
    </script>

[Urk]

disjfa schreef op vrijdag 25 mei 2007 @ 14:09:
[...]

Dan stap je naar de onKeyDown

Werkt ook niet, heb de volgende code geprobeerd:

JavaScript:

function keyPress() {
alert('test');
alert(event.keyCode);
if(event.keyCode==27 && document.getElementById('content_overlay').style.display=='inline') {
  hideOverlay();
  hideTooltipImmediately('msg_tooltip');
 }
}
document.onkeydown=keyPress;

In Firefox 2.0.0.3 krijg ik wel de eerste test alert te zien, en daarna een javascript foutmelding (op regel 3):
event is not defined

Ondersteund firefox dus geen event? Ik snap er echt helemaal niets van...

[ Voor 3% gewijzigd door Urk op 25-05-2007 14:21 ]

[crisp]

standards-compliant browsers sturen het event-object mee als argument aan de functie, MrVulcan illustreerd al hoe je daarmee het beste kan omgaan:

JavaScript:

function eventHandler(e)
{
  e = e || event;

  // 'e' is nu een referentie naar je event-object in alle browsers
}

[Urk]

crisp schreef op vrijdag 25 mei 2007 @ 14:57:
standards-compliant browsers sturen het event-object mee als argument aan de functie, MrVulcan illustreerd al hoe je daarmee het beste kan omgaan:

JavaScript:

function eventHandler(e)
{
  e = e || event;

  // 'e' is nu een referentie naar je event-object in alle browsers
}

OK Thanks! Ik had event meegegeven bij het aanroepen van de functie, wat dus niet hoeft. Thanks!
Ik heb nu der onderstaande functie en die werkt prima!

JavaScript:

function keyPress(e) {
 var e = e || window.event;
 var kcode = e.keyCode || e.which;
 if(kcode && kcode==27) {
   hideOverlay();
   hideTooltipImmediately('msg_tooltip');
  }
 }
document.onkeypress = keyPress;

MrVulcan en crisp