Firefoxでのテキストエリアに入力した文字の改行

Firefoxでのテキストエリアに入力した文字の改行について質問させてください。

http://oshiete1.goo.ne.jp/qa2691799.html

↑のページを参考にテキストエリアに入力したテキストがリアルタイムで確認できるページを作成しました。

IEではテキストエリア内の改行がちゃんと反映されたのですが、Firefoxではテキストエリア内の改行が反映されずに、エンターキーを押すと半角スペース？になるだけで一連の文として出力されてしまいます。

どなたかこの現象の解決策をお知りの方がいらっしゃいましたらご教授ください。
よろしくお願いします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2009/12/01 22:37

どのようなコードで実行しているのか不明なのでなんともわかりませんが…

参考になさっている回答の、No5までちゃんと読みましたか？
No3までだと単純にvalueを写しているだけなので、HTML上では改行されません。
テキストエリア内の改行をHTMLの改行（<br>など）に変換するか、または、<pre>などを利用する必要があります。
（↑上記質問の回答No4に書いてあるのと同じことですが…）

一応、ＦＦで実験してみましたが、問題なく改行されます。
（document.allなどの表記は少々古いような気もしますが…）


ん？・・・・ひょっとして、回答No5の修正をIEの方しかやってないとか？
回答のコードはIEとFFで場合わけして記しているので、修正箇所は合計2箇所になるはずなんですが…
まぁ、IEでもgetElementByIdは使えると思いますので（少なくともIE6以降は）コードの記述も後半だけにしちゃってもＯＫなはずですけど。

（↑推測なので、違っていたら失礼）

この回答へのお礼

ありがとうございました。
私の確認ミスでした。

ご指摘いただいたとおり修正したところfirefoxでも無事に動作いたしました。

お礼日時：2009/12/01 23:37