質問: 現在HTML,Javascript(jQuery)を使ってアプリを作っています。 ボタン押下時にBoxが青になり、テキストボックス入力すると赤になるというものです。 ↓画面 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/dad3d86ef34a41eb02f3f59d7b89e737.png) ↓コード ``` ``` 入力中、何度もログをはかないようにするためsetTimeoutとclearTimeoutを使っています。 また仕様としては、ボタン押下時は常に「青」を表示するようにします。 しかし現状、テキスト入力後、すぐボタンを押すと「青→赤」となり、最終的に「赤」になってしまいます。 **これを常に「青」にしたいです。** さらに**setTimeoutとclearTimeoutの遅延させる処理は残したまま、希望する動きを実現したいです。** そのやり方がもしわかる方がいれば教えていただきたいです。よろしくお願い致します。
回答: $("#aqua").click(function(){ if (timer !== false) { clearTimeout(timer); } $('div.box1').show(); $('div.box2').hide(); }); って試してみました?