Využij akce až 30 % zdarma při nákupu e-learningu. Více informací. Zároveň je tento týden sleva až 80 % na e-learning týkající se C# .NET
Hledáme nového kolegu do redakce - 100% home office, 100% flexibilní pracovní doba. Více informací.
discount week 30 halloween

Diskuze: Symulace tlačítka tab pomocí enteru

Aktivity
Avatar
michal Čepelák:26.6.2018 22:04

Zdravím,
mám formulář, kde mám input type text(v html) je jich 5, je možné při vypisování hodnout do input, po dopsání hodnot aby se při zmáčknutí enteru samo posunulo do dalšího inputu.

Chci docílit: Při načitání kódů čtečkou čárových kódů, která simuluje klavesnici a po načtení se chová jako enter, aby se mi to přeplo do dalšího inputu pomocí enteru.

 
Odpovědět
26.6.2018 22:04
Avatar
Odpovídá na michal Čepelák
John Ronald Reuel Tolkien:26.6.2018 23:46

Zkus něco takového :

<html>
 <body>
    <input type="text"  id="a">
     <input type="text" id="b">
      <input type="text" id="c">
  <script>
  window.onload=function()
  {
  var inputy = document.getElementsByTagName("input");
  var aktivni;
  function spust(event)
  {
  aktivni=this;
  if (event.keyCode==13)
  {
var arr = Array.prototype.slice.call(inputy);
let pozice=arr.indexOf(aktivni);
inputy[pozice+1].focus();
}
  }
   for (x in inputy)
  {
  inputy[x].onkeydown=spust;
  inputy[x].onfocus=function()
  {
  aktivni=this;
  }
    }


 }


  </script>

  </body>
</html>
 
Nahoru Odpovědět
26.6.2018 23:46
Avatar
John Ronald Reuel Tolkien:26.6.2018 23:48

Jo a za tu "Symulaci" bych ti dal nejraději ban :-)

 
Nahoru Odpovědět
26.6.2018 23:48
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Odpovídá na John Ronald Reuel Tolkien
Neaktivní uživatel:27.6.2018 7:15

A jen tak malý detail chybí tam

<!DOCTYPE HTML>
:)
Nahoru Odpovědět
27.6.2018 7:15
Neaktivní uživatelský účet
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:11.7.2018 15:46

Enter slouzi jako odesilaci tlacitko formulare.
Je mozne zmenit chovani html, ale nedoporucuji.

1. Musel bys zakazas formulari odesilani pres enter. Na to by stacilo mozna sledovat onkeypress nebo onkeydown nebo onsubmit
<form onkeypress="neco proved">
<form onsubmit="return myValidate();">
A nebo by slo misto tlacitka type=submit pouzit button
<input type=submit value=odeslat>
<input type=button value=odeslat>
2. A pak musis na kazdem inputu sledovat onkeypress / down a kdyz je klavesa enter, tak presunout na dalsi input.
Blize to popisuje John. Ale na event.keyCode bych nespolehal. Kazdy browser si klavesy resi trochu jinak. Radeji to dej do googlu
google = crossbrowser event enter keypress
'event.keyCode==13' - 13 je klavesa (CR) enter, viz ascii tabulka https://theasciicode.com.ar/…code-13.html

 
Nahoru Odpovědět
11.7.2018 15:46
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.