javascriptで直接、

onblur="alert('blur');"

と書いたときは、ちゃんとイベントが発生するが、

JQueryで、

$(target).blur(function (){alert('blur');});

と実装したときは、イベントが発生しない。

より正確にいうと、

IE7なら、同じ挙動だけど、firefoxだと上記の挙動。

んー。なんでだろうか・・・。

FireFoxやwebkitではkeyCodeの変更ができないので、強引にフォーカス移動するようにしています。

Enterキーで移動するスクリプト – NAL-6295の舌先三寸

最初に掲載したパターンでは全てのエレメントをいちいちeachでまわしながら対象を探していて、あまり良くなかったので、新しく書き直した。

$(document).ready(
function ()
{
$(":input").keydown(function (event)
{
var eventObject = event;
if(window.event)
{
eventObject = window.event;
}
if(eventObject.keyCode == 13)
{
inputlist = $(":input:enabled");
currentindex = inputlist.index($(this));
if(eventObject.shiftKey)
{
if(currentindex > 0)
{
currentindex -= 1;
}
}
else
{
if(currentindex < inputlist.length -1)
{
currentindex += 1;
}
}
$(":input:enabled:eq(" + currentindex + ")").focus();
return;
}
});
}