

ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。

INPUT TYPE=TEXTの要素：「A」について、changeイベントで動作させるJavaScript（JQuery）を  
コーディング済みです。  
また同ページにはBUTTON要素：「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。

「A」のテキスト枠について、内容が変わったと判断されるのは  
フォーカスが外れた段階=別の要素に触れたとき？？と認識していますが

①「A」のテキスト枠内容変更  
②「B」のボタンをクリック

と立て続けに動作が実施されると、①発火タイミングが②の動作時、という感じになってしまう気がします。

なぜ、こう思ったかというと、  
開発中のWebページは、「B」のクリックイベント用のコーディングが、「B」を2回押さない限り動作してくれない、ように見てとれる為です！！

# ====質問====

①②の順序で、Webページが利用されても、  
「A」のchengeイベントの発火を、②の動作以外で対応する方法はあるのでしょうか？

...皆さんどういう対応方法で、このありがちな問題を克服するのでしょうか？  
もう一つ画面利用者の動作を増やす以外ない、とか言わないですよねぇ．．．．（そうなると絶望的）

（今回Webページ初の開発で、click・change・blurのイベント察知しか現在まで把握しておりません）


CC BY-SA 3.0
2017-11-11T11:15:49.813
39498
2017-11-13T00:50:09.193
2020-06-17T08:14:45.997
-1
25696
question
javascript jquery html5
テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている


私の場合はテキストフォームのchangeイベントはフォーカスは使わず、基本的にはkeyupを利用してキーの入力を察知します。  
keyupはキーボードの入力を検知してイベントが発火します。  
<https://qiita.com/maruyam-a/items/cf0168f91d934b449a07>

ただし日本語の入力の場合は、変換処理等が発生するので  
keyupで取得したデータを元に日本語入力かどうかのチェックをする必要がありますので  
その実装に手間がかかるかもしれません  
<https://garafu.blogspot.jp/2015/09/jquery-complete.html>


CC BY-SA 3.0
2017-11-13T00:50:09.193
39530
2017-11-13T00:50:09.193
22665
39498
answer