- - PR -
TextChangedとClickイベントの同時発生について
| 投稿者 | 投稿内容 | ||||||||
|---|---|---|---|---|---|---|---|---|---|
|
投稿日時: 2004-02-13 01:33
vb.netでwebアプリを開発しています。
過去ログを検索しましたが情報を見つけることが出来ませんでしたので 質問させてください。 TextBoxのTextChangedのイベントってフォーカスが外れた時に発生する という認識はあってますよね？ いま困っている現象は、TextBoxへ入力後、フォーカスはそのままで マウスでボタンをクリックした時に（この時にTextChangedとボタンの Clickイベントって同時に発生しますよね？） TextChangedイベントが２回発生してしまうことです。←これって常識？ しかもPostBackも２回発生します。←これも常識？？ デバッグしてみるとPageLoad→TextChanged→PageLoad→TextChanged→Clickと いう順で動いていました。 このような操作をした時に、２回目のTextChangedを（もしくはPostBack自体を） キャンセルする方法はあるのでしょうか？ ※余談ですが、 TextBoxへ入力した値をTextChangedが発生する度に、DataListを使って画面に履歴を表示して いるのですが、この時だけはうまく表示されません。 （同時にsessionに保存している値の方にはちゃんと書き込まれています。） この現象もイベントが２回起こるのが原因なのでしょうか？ 『そんな操作はしないで下さい』って、ユーザーさんに言ったら 激しく突っ込まれてしまいまして。。。 この現象はwebアプリでは常識的なことで、コードでフラグ処理等をして 回避するしかないのでしょうか？ Webアプリに関しては、まだまだ経験値が少ないので、馬鹿な質問を しているかもしれませんが。。。 ご存知の方、ご教授お願いします。 長文、失礼しました。 | ||||||||
|
投稿日時: 2004-02-13 08:45
Webフォームで?? Windowsフォームならともかく…… TextBoxからフォーカスが抜けた程度ではTextChangedが発生しません。 TextBox.TextChanged イベント には「テキスト ボックスの内容がサーバーへのポスト間で変更された場合に発生します。」とあります。 それとも、何かScriptを追加してますか? あるいはWindowsフォーム?
そもそも、WebフォームのTextBoxにClickなどというイベントは存在しないはずです。 あるのは DataBinding,Disposed,Init,Load,PreRender,TextChanged,Unload です。 (TextBox イベント参照。) | ||||||||
|
投稿日時: 2004-02-13 10:03
>GOHさん
>TextChangedイベントが２回発生してしまうことです。←これって常識？ >しかもPostBackも２回発生します。←これも常識？？ 常識ではないと思いますが、javascriptでボタンのonclickイベントでsubmit()とかやってませんか？ そうすると、javascriptのsubmit()とボタンクリックのサブミットで二回サブミットするかも。 >ぢゃん♪さん >WebフォームのTextBoxにClickなどというイベントは存在しないはずです。 TextBoxのClickではなく、ButtonのClickのことを言っているのだと思います。 | ||||||||
|
投稿日時: 2004-02-13 10:07
ああ、たしかに。早とちり 
| ||||||||
|
投稿日時: 2004-02-13 10:46
TextBoxの「AutoPostBack」プロパティを「true」に設定していると思ったのですが
こちらで試してみた所 変更してTABキーでフォーカス移動 → イベント１回 変更してEnterキーでフォーカス移動 → イベント２回 Submitボタンを押下 → イベント１回 になったので状況は違いました。 まずはどのような方法でフォーカス移動時にPostしているか教えていただけないでしょうか？ | ||||||||
|
投稿日時: 2004-02-13 11:07
こちらで試しましたが、
TextBoxとButtonを1個ずつ配置して、TextBoxの「AutoPostBack」プロパティを 「true」にする。 実行時にTextBoxに何か入力してButtonをクリック。すると、 Page_Load(ポストバック)→TextBox_TextChanged→Page_Load(ポストバック) →TextBox_TextChanged→Button_Click の順でイベントが走りましたよ。 たしか、TextBoxが配置されている個数(1個か複数か)によって挙動が違ったと 思います。TextBoxが複数個配置されている場合は、ゆうじゅんさんのおっしゃっている ようになるのだと思います。 仕様上AutoPostBackをfalseにしてよいのならそうするのがいいかもしれませんね。 無理なのならば、javascriptで何とかするか、サーバーイベントハンドラの内容を 考え直すなど、でしょうか。 ちなみにTextBoxの「AutoPostBack」プロパティを「true」にするとjavascriptが 書き込まれますのでhtmlソースを確認するとよいでしょう。 | ||||||||
|
投稿日時: 2004-02-13 13:57
返信して頂いたみなさん、
有り難う御座います。 またレスが遅くなってしまい申し訳ありません。 説明不足の質問でした（汗） みなさんが推測されている通り、サーバーへのポスト方法は AutoPostBackをTrueに設定し、Scriptで行っています。 べるさんがおっしゃっている通りAutoPostBackをFalseにすれば 解決する問題かもしれませんが。。。 ただ、仕様として、 １．TextBoxに値を入力 ２．Enterキーで確定（Scriptでサーバーへポスト） ３．サーバーサイドで入力値チェック（ＤＢへの存在チェック） ４．入力値の履歴をクライアントへ返す とういうことを要求されています。 また、３の中で、履歴に表示されている値を、再度入力された場合に 『既に入力済です』というエラーメッセージも返しています。 このようなことを実現する場合は、AutoPostBackをTrueにして 毎回、サーバーへポストしてやれば良いだろうと単純に考えておりました。 （実際に１→２の操作なら想定通りの動作をしています。） ところが ・TextBoxに値を入力 ・マウスでButtonをクリック（←何故こんなことをする（怒） と操作された時には、『既に入力済です』とエラーが表示されてしまうのです。 訳が分からずデバッグしてみると Page_Load→TextBox_TextChanged→Page_Load→TextBox_TextChanged →Button_Click とイベントが発生した時の ・１回目のTextChangedイベント 入力値の重複チェック：ＯＫ→入力値の履歴を表示→sessionに値を保持 ・２回目のTextChangedイベント 入力値の重複チェック：ＮＧ→エラーメッセージ表示 （※重複チェックはsessionの値との比較） となっていました。 TextBox_TextChangedとButton_Clickで２回Submitされているので 当然といえば当然なのですが。。。 みなさん、 もしこんな要求仕様が来た時って、どのように実現しますか？ お知恵をお貸しください。 | ||||||||
|
投稿日時: 2004-02-13 14:16
前回入力値を保持しておいてTextChanged時の入力値と比較してみてはどうですか？
・１回目のTextChangedイベント 入力値をsessionに保存 ・２回目のTextChangedイベント 保存してあった前回入力値と入力値が同じなので処理終了（チェックしない） ・別の入力をして発生したTextChangedイベント 保存してあった前回入力値と異なるので重複チェック | ||||||||
スキルアップ／キャリアアップ（JOB@IT）
Copyright © ITmedia, Inc. All Rights Reserved.
著作権はアイティメディア株式会社またはその記事の筆者に属します。
当サイトに掲載されている記事や画像などの無断転載を禁止します。
著作権はアイティメディア株式会社またはその記事の筆者に属します。
当サイトに掲載されている記事や画像などの無断転載を禁止します。