Contoh sederhana untuk fokus ke isian atau textbox berikutnya dengan tekan tombol Enter.
Tak usah panjang lebar apa maksudnya, yang pasti teman-teman udah pada ngerti toh.
html file
<html> <head> <title> Kuesioner Coba-coba </title> <script type="text/javascript" src="cek.js"></script> </head> <body> <table width="339"> <caption>Kuesioner Coba-coba<br>(set fokus ke isian berikutnya dengan tekan enter)</caption> <tbody> <tr> <td width="169">Nama Terang</td> <td width="158">: <input type="text"></td> </tr> <tr> <td>Nama Panggilan</td> <td>: <input type="text"></td> </tr> <tr> <td> Nama-nama Pacar</td> <td>: <input type="text"></td></tr> <tr> <td>Nama-nama Mantan Pacar</td> <td>: <input type="text"></td> </tr> </tbody> </table> </body> </html>
cek.js
var inputText;
window.onload = InitializeInputText;
function InitializeInputText()
{
inputText=document.getElementsByTagName(“input”);
for ( var i = 0; i < inputText.length; i++ )
{
if (inputText[i].getAttribute("type")=="text")
{
var TargetIndex=GetTargetIndex(i);
if (TargetIndex!=null)
{
inputText[i].setAttribute('TargetIndex', TargetIndex);
inputText[i].onkeydown=keyDown;
}
}
}
}
function GetTargetIndex(inputTextIndex)
{
var i = inputTextIndex + 1;
while ( i < inputText.length)
{
if (inputText[i].getAttribute("type")=="text")
{
return i;
}
i++;
}
}
function keyDown()
{
if(window.event.keyCode==13)
{
inputText[parseInt(window.event.srcElement.getAttribute('TargetIndex'))].focus();
}
}
[/sourcecode]
Silakan coba di sini