Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS]Zapisywanie wciśniętego klawisza w inpucie
JustHuman4
post
Post #1





Grupa: Zarejestrowani
Postów: 63
Pomógł: 2
Dołączył: 10.12.2011
Skąd: Stumilowy Las

Ostrzeżenie: (0%)
-----

Witam. Jestem troszkę cienias w JS więc proszę Was o pomoc (wydaje mi się że to jest banalne). Chciałbym mieć jakiś input w którym pokazywano by wciśnięte klawisze na klawiaturze. Wciskamy np klawisz "A", w inpucie pojawia się "A,". Po odświeżeniu oczywiście wszystko znika, żeby nie było ;P
Z góry dziękuję
Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Orzeszekk
post
Post #2





Grupa: Zarejestrowani
Postów: 260
Pomógł: 14
Dołączył: 8.09.2011

Ostrzeżenie: (0%)
-----

pisalem to z glowy bez sprawdzenia czy dziala, myslalem ze potrzebujesz podpowiedzi a nie rozwiazania kopiuj&wklej. zaraz ci dam w pełni sprawne.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.         "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.     <title>Przykladowa strona</title>
  6.     <script type="text/javascript" src="Javascripts/jQuery.js"></script>
  7.     <script type="text/javascript">
  8.         var inputWithKeysSelector = "input#keys_selector";
  9.         $ ( document ).bind ( 'keypress', function ( e )
  10.         {
  11.             var pressedKeyCode = e.keyCode;
  12.             var pressedChar = String.fromCharCode ( pressedKeyCode );
  13.             var input = $ ( inputWithKeysSelector );
  14.             // Wersja dodająca znaki: z, x, c, d, e...
  15.             var newValueOfTextField = input.val () + pressedChar + ", ";
  16.             // wersja wyswietlajaca tylko ostatni znak
  17.             // var newValueOfTextField = input.val();
  18.             input.val ( newValueOfTextField );
  19.         } );
  20.     </script>
  21. </head>
  22. <body>
  23. <div>
  24.     <span> Tutaj pojawią się znaki wpisywane przez ciebie: </span>
  25.     <span><label for="keys_selector">Znaki:</label><input type="text" id="keys_selector" style="width: 600px;"/></span>
  26. </div>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


Tylko daj sobie własną ścieżkę do JQuery w <script type="text/javascript" src="Javascripts/jQuery.js"></script>
Go to the top of the page
+Quote Post

Posty w temacie
- JustHuman4   [JS]Zapisywanie wciśniętego klawisza w inpucie   2.03.2012, 21:33:59
- - Orzeszekk   Przykład w jQuery (to taka biblioteka do JavaScri...   3.03.2012, 00:44:43
- - JustHuman4   [HTML] pobierz, plaintext <html><head...   3.03.2012, 11:32:55
- - Orzeszekk   pisalem to z glowy bez sprawdzenia czy dziala, mys...   3.03.2012, 12:34:10
- - JustHuman4   Zarąbiście, pięknie Dzięki wielkie Pozdrawiam   3.03.2012, 13:27:39
- - kamil4u   @Orzeszekk: Z tym JS to jak nie wiesz to lepiej ni...   3.03.2012, 13:30:26
|- - Orzeszekk   Cytat(kamil4u @ 3.03.2012, 13:30:26 )...   3.03.2012, 15:07:21
- - kamil4u   jQuery ma wiele zalet, ale tylko przy dużych proje...   3.03.2012, 19:35:01
- - Orzeszekk   to ze ktos robi potworki to wina jego a nie jquery...   3.03.2012, 23:23:21
- - kamil4u   CytatNie wiem dlaczego uwazasz ze gowno wiem o jav...   4.03.2012, 00:26:56
- - Orzeszekk   jakbym pisał skrypt w ktorym jest wymagana predkos...   4.03.2012, 14:31:04
- - Niktoś   Ja popieram Orzeszekk, to się chyba nazywa program...   4.03.2012, 14:59:38
- - Orzeszekk   Cytat(Niktoś @ 4.03.2012, 14:59:38 ) ...   4.03.2012, 15:39:56

« Następny starszy · Szukam · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 6.10.2025 - 10:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn