入力がMaxLengthに達した時に次のフォーカスに移動するサンプル

JQueryを利用した入力がMaxLengthに達した時に次のフォーカスに移動するサンプルです。

一応、Opera,FireFox,safari,chrome,IEで動作するつもりです。

function NextFocusByMaxLength(event)
{
var eventObject = event;
if(window.event)
{
eventObject = window.event;
}
if(eventObject.keyCode < 48)
{
return;
}
if(eventObject.keyCode > 111 && eventObject.keyCode < 188)
{
return;
}
if(eventObject.keyCode > 223)
{
return;
}
if($(this).val().length == $(this).attr("maxlength"))
{
textlist = $(":text:enabled");
thisindex = textlist.index($(this));
if(thisindex < textlist.length -1)
{
thisindex += 1;
$(this).blur();
$(":text:enabled:eq(" + thisindex + ")").focus();
}
return;
}
}
$(document).ready(
function ()
{
$(":text").keyup(NextFocusByMaxLength);
});
Share