Søg
Avatar billede eksperten1 Nybegynder
04. marts 2004 - 12:43 Der er 3 kommentarer

Udføre JS handling ved tastetryk

Er det muligt via JS at udføre en handling hvis en bestemt tast-kombination trykkes.
Jeg har opbygget en side sådan at en <select> bestemmer en URL i en iframe på samme side. Jeg ville gerne have det sådan at hvis brugeren trykker CTRL + PIL NED så skifter den select til næste valgmulighed, tilsvarende CTRL + PIL OP skifter til den forrige.

Kan dette lade sig gøre og hvordan sikres det at man fanger dette tastetryk ligegyldigt om brugeren er aktiv i iframen eller i hovedvinduet ?
Avatar billede nute Nybegynder
04. marts 2004 - 16:07 #1
IE version:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    document.onkeydown = checkKey;
   
    function checkKey()
    {
        if( window.event.ctrlKey && window.event.keyCode == 40 )
        {
            changeSelect( 1 );
        }
        if( window.event.ctrlKey && window.event.keyCode == 38 )
        {
            changeSelect( -1 );
        }
    }
    function changeSelect( intDirection )
    {
        var objSelect = top.document.getElementById( "sel" );
        if( objSelect )
        {
            objSelect.selectedIndex += intDirection;
        }
    }
    //-->
    </script>
</head>
<body>
<form id="frm">
<select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
</form>
</body>
</html>

du skal inkludere <script> i din frame også.

hvis det skal fungere i andre browsere, så skal der laves lidt mere

/nute
Avatar billede eksperten1 Nybegynder
04. marts 2004 - 16:42 #2
Burde det fungere både på Mac og Win i IE 5+ ?
Avatar billede nute Nybegynder
04. marts 2004 - 16:48 #3
Win/IE5+ vil det fungere ... jeg har desværre ingen mac i nærheden til at kunne teste det ... men i følge denne tabel:

http://www.quirksmode.org/dom/w3c_events.html#keyprops

så burde de givne event properties fungere på Explorer 5.2 Mac

/nute
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 dag 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »