テキストエリアをenterキーでフォーカス移動したい

解決済

質問者：hirori-m
質問日時：2008/02/13 23:48
回答数：2件

複数あるテキストエリア間を、enterキーでフォーカス移動をしたいです。
以下のようにしましたが、２つめのテキストエリアへフォーカス移動すると、改行が入力され、カーソルが２行目へ移動してしまいます。
enterキーを押しているのでこうなってしまうと思うのですが、
カーソルが１行目へ移動するようにするには、どうしたらいいでしょうか？
フォーカス移動後に改行コードがあったら、""にreplaceする・・等、試してみたのですが、なかなか上手くいきません。
どなたかお分かりになる方がいらっしゃったら、教えてください。

<HTML>
<HEAD>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY onload="FirstFocus()">
<FORM name="F1">
<TEXTAREA name="T1" rows="5" cols="30" onkeydown="nextFocus(this);"></TEXTAREA><BR>
<TEXTAREA name="T2" rows="5" cols="30" onkeydown="nextFocus(this);"></TEXTAREA><BR>
<TEXTAREA name="T3" rows="5" cols="30"></TEXTAREA><BR>
</FORM>
</BODY>
</HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： redfox63
回答日時：2008/02/14 04:39

キーコードをチェックして CRだった場合のif文ブロックの最後に

event.returnValue = false;
を追加してみてください

- 2
- 件

通報する

この回答へのお礼

できました。
ありがとうございます。感謝します。

通報する

お礼日時：2008/02/15 23:01

No.2

回答者： _pipi_
回答日時：2008/02/14 10:05

<html><body>

<form name="test">
<input type="text" name="a"><br/>
<textarea name="c" cols="20" rows="3"></textarea><br/>
<input type="text" name="b"><br/>
<input type="submit" value="submit">
</form>

<script>
window.onload = init;
function init(){ setFormRet2Tab( 'test' ) }
function setFormRet2Tab( form_name ){
obj = document.getElementsByName( form_name )[0];
for( var i=0; i<obj.length; i++){
if(i==0) obj[i].focus();
if(obj[i].type=='text' || obj[i].type=='textarea') obj[i].onkeydown = ret2tab;
}
}
function ret2tab() { var c = event.keyCode; if(c == 13) event.keyCode = 9; if(c == 27) event.srcElement.blur(); }
</script>
</body></html>