入力フォームの最初の項目へFocus

JavaScript Tips

なんてことないことなんですが、一応ググったことは書いておこうという方針なので。(いつから？)

コード

window.onload=function(){
  var input = document.getElementsByTagName('input');
  for (var i = 0; i < input.length; i++){
    if (input[i].type == 'text' && !input[i].disabled) break;
  }
  if (i < input.length) input[i].focus();
}

'input'タグを探して、最初の'text'で disabled属性ではない項目へ Focusを移します。Railsだとフォームの先頭にこう(↓)いう"hidden"な項目が入るための対処でもあります。

<form action="/org/2" class="edit_org" id="edit_org_2" method="post">
  <div style="margin:0;padding:0">
    <input name="_method" type="hidden" value="put" />
    <input name="authenticity_token" type="hidden" value="02cae46eb8c1342f848c7aad341e5074e68f68ee" />
  </div>

参考