Hoi Iedereen,
Ben weer met een probleem met jquery...
Wil graag laten zien welke key er is ingeduwd zoals in de onderstaande voorbeeld:
Nu heb ik deze code, die gebruikt maakt met een SWITCH. Echter krijg ik het niet in de bijhorende div te zien welke key ik ingeduwd hebt. Met deze code maak ik gebruik:
Code:<!doctype html> <html lang="nl"> <head> <meta charset="utf-8"> <title></title> <!--link rel=”stylesheet” href=""--> <!--script src=""></script--> <style> .kader{border: 9px solid red;}; </style> </head> <body> <div id="keys"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script> <script> $(document).ready(function(){ $('div#keys').keyup(function(){ switch(event.keyCode) { case 40: alert('down'); break; case 38: alert('up'); break; case 37: alert('left'); break; case 39: alert('right'); break; } }); }); </script> </body> </html>
- key tonen die zijn ingetypt [jquery]
-
29-04-2013, 19:06 #1
- Berichten
- 256
- Lid sinds
- 17 Jaar
key tonen die zijn ingetypt [jquery]
Laatst aangepast door bert vanhees : 29-04-2013 om 19:21
-
In de schijnwerper
-
29-04-2013, 19:58 #2
- Berichten
- 74
- Lid sinds
- 16 Jaar
Re: key tonen die zijn ingetypt [jquery]
Code:$(document).keydown(function(evt) { switch(evt.keyCode) { case 40: $("div#keys").append("down"); alert('down'); break; case 38: $("div#keys").append("up"); alert('up'); break; case 37: $("div#keys").append("left"); alert('left'); break; case 39: $("div#keys").append("right"); alert('right'); break; } });
-
29-04-2013, 20:06 #3
- Berichten
- 256
- Lid sinds
- 17 Jaar
Re: key tonen die zijn ingetypt [jquery]
Bedankt Jeffrey,
Dit werkt inderdaad super goed.... BEDANKT! :-D
Alvast bedankt!Laatst aangepast door bert vanhees : 29-04-2013 om 20:11 Reden: zelf ook kunnen aanpassen
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic