人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptでフォームの内容が変更されると、バックグラウンドの色が変化するような制御を行いたいです。
参考になるようなサイトをご存知の方いらっしゃいますか?

●質問者: rizo
●カテゴリ:コンピュータ
✍キーワード:JavaScript サイト バックグラウンド
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● villain
●27ポイント

onChangeイベントでフォームの変更を取得できます。

あとは、この時に変更してやればいいのでは?

◎質問者からの返答

はい、onChangeですね。

その先をもう少し知りたいです!


2 ● aki73ix
●27ポイント

以下はフォームが変更されるごとにランダムに背景色を変更するサンプルです

TextareaやTextは OnChangeだとフォーカスが変更されるまで変更されたことを認識しないので、OnKeyDownを併用しています

CheckBoxもフォーカスが同様の理由でOnKeyDownとOnMouseDownを使用しています

http://nifberry.727.net/test/hatena197.htm

<HTML>
<BODY>
<form>
<INPUT TYPE="TEXT" OnChange="bgchange();" OnKeyDown="bgchange();"><BR>
<INPUT TYPE="CHECKBOX" OnChange="bgchange();" OnKeyPress="bgchange();" OnMouseDown="bgchange();"><BR>
<TEXTAREA  OnChange="bgchange();" OnKeyDown="bgchange();"></TEXTAREA>
</form>
<script language="JavaScript">
<!--
function bgchange(){
   at="00000"+Math.round(256*256*256*Math.random()).toString(16);
   at="#"+at.substr(at.length-6,6);
   document.bgColor=at;
}
// -->
</script>
</BODY></HTML>

3 ● never_end
●26ポイント

http://www.sumnet.ne.jp/domp/jsbs/reference/event.htm#onChange ですね!!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ