Søg
Avatar billede tendal Nybegynder
06. maj 2008 - 14:04 Der er 9 kommentarer og
2 løsninger

TIlføje tastaturgenvej til knap eller billede

Hej
Jeg vil gerne kunne trykke enter for at aktivere en knap. Knappen er sådan set et billede med en onclick på. Er der nogen der ved hvordan man gør det?
Avatar billede w13 Novice
06. maj 2008 - 14:14 #1
Du kan f.eks. gøre det således:

<html>
<head></head>
<body onKeyDown="showkey(event.keyCode);">

<script type="text/JavaScript" language="JavaScript">
function showkey(sKey) {
    if(sKey==13)document.getElementById("test").onclick()
}
</script>

<img id="test" onclick="alert('Virker!')">

</body>
</html>
Avatar billede tendal Nybegynder
06. maj 2008 - 15:56 #2
sKey == 13 betyder? Har alle keys et nummer?
Avatar billede w13 Novice
06. maj 2008 - 15:58 #3
Alle taster er repræsenteret af et tal.

showkey er en funktion, som får overført den trykkede tasts tal i variablen sKey.
Enter-tasten har værdien "13", så derfor tester vi på det.

Prøv evt. denne kode, som fortæller dig, hvad de forskellige taster "hedder", når du trykker på dem:

<body onKeyDown="showkey(event.keyCode);">

<script type="text/JavaScript" language="JavaScript">
function showkey(strKeyCode) {
    alert(strKeyCode);
}
</script>

</body>
Avatar billede roenving Novice
07. maj 2008 - 00:27 #4
>>w13

-- hvor mange browsere har du testet i ?-)

IE6 og FF2 virker uden problemer, men så kan jeg heller ikke få noget ud af andre, medmindre jeg tilføjer andre elementer, der fylder ud i dokumentet ...
Avatar billede w13 Novice
07. maj 2008 - 07:47 #5
Hos mig virker det upåklageligt i både IE7, FF2, Safari 3, NN9, Flock 1.0, Avant Browser 11.0 og Seamonkey 1.0. :)

Den eneste browser, jeg ikke kan få den til at spille i, er Opera 9.
Avatar billede w13 Novice
07. maj 2008 - 07:48 #6
Og det virker fint for mig i Opera 9, ligeså snart, jeg sætter en gyldig src på billedet. 8*)
Avatar billede roenving Novice
07. maj 2008 - 13:29 #7
Ja, det var Opera 9 og Mozilla 1.5, jeg ikke kunne få det til at virke på, før jeg havde gjort lidt mere !-)
Avatar billede w13 Novice
19. maj 2008 - 12:56 #8
Fået det til at virke? :)
Avatar billede tendal Nybegynder
19. maj 2008 - 13:29 #9
Ja sådan da - skulle bare lige have det til at være lidt mere context specifikt end på hele bodyen - men det tror jeg lykkedes nu, så smid et svar og the points are yours
Avatar billede w13 Novice
19. maj 2008 - 13:31 #10
;)
Avatar billede w13 Novice
19. maj 2008 - 13:31 #11
Ja, så lægger du bare:
onKeyDown="showkey(event.keyCode);"
på det element, der skal tjekkes på.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 12:25 ASUS - Ikke muligt at åbne PC-en Af Laqsse Kristiansen i PC
18/0620:11 Beskrivelse af hvad der er på billederne Af Strawberry i Mobiltelefoner
17/0611:32 Handlingen er annulleret Af Lars8900 i Office & Kontorpakker
16/0622:37 Windows 10 - Stadigvæk Af Lemming@privat.dk i Andet software
16/0621:28 Mange samme billeder Af Btimmer i Foto & video
White papers
Flere white papers »