EnterキーでFocus移動


 TextBoxでのEnterキー押下でFocusを移動させる。

function Focus_Action() {
  //押されたキーがエンターならタブを押されたことにする
  if(window.event.keyCode == 13){
    window.event.keyCode = 9;
  }
}

 フォーム内に複数のTextBoxがあり、Enterキー押下時に関係のないオブジェクトがFocusされてしまうのを防ぎたいときには、
 最後のTextBoxでEnterキーを押された場合のみ、任意のオブジェクトにFocusを強制移動させる。

JavaScript
function Focus_Action(txt) {
  // 最後の入力項目でエンターかタブが押された時
  if (txt == "last") {
    if(event.keyCode == 13 || event.keyCode == 9 ){
      //キー入力を無効にする
      event.returnValue = false;
      //最初の入力項目にフォーカス当てる
      document.myForm.myFirstText.focus();
    }
  }
  //押されたキーがエンターならタブを押されたことにする
  else {
    if(window.event.keyCode == 13){
      window.event.keyCode = 9;
    }
  }
}

HTML
<!-- 通常のTextBox -->
<input type="text" name="myFirstText" onkeydown="Focus_Action()"/>
<!-- 最後のTextBox -->
<input type="text" name="myLastText" onkeydown="Focus_Action('last')"/>

このページへのコメント

KM2wNg Great blog.Much thanks again. Want more.

Posted by check it out 2014年02月06日(木) 01:26:17

MXKGio A round of applause for your blog.Really looking forward to read more. Fantastic.

Posted by stunning seo guys 2014年01月22日(水) 21:54:44

cvJB09 Fantastic blog.Really thank you! Great.

Posted by check it out 2013年12月30日(月) 18:08:20

spcAZO Thanks again for the post.Much thanks again. Really Cool.

Posted by seo thing 2013年12月19日(木) 14:30:52

9xurFw <a href="http://rwppxrbaifss.com/">rwppxrbaifss</a>, [url=http://hjxxrztfutnq.com/]hjxxrztfutnq[/url], [link=http://yprkvceutzsj.com/]yprkvceutzsj[/link], http://yvgmcfgzfbhr.com/

Posted by zljqtgkmtwo 2013年11月21日(木) 10:19:52

コメントをかく


画像に記載されている文字を下のフォームに入力してください。

「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

×

この広告は60日間更新がないwikiに表示されております。

管理人のみ編集できます