Q&A
IMEの未確定状態で削除が走ってしまうが、IMEの中ではまだその文字列が残っていることにより起こる現象だと思われます。IMEの状態を確認しながら削除処理をする・しないなどが必要になるのですが、IMEの状態確認方法ついてのブラウザの実装状況がバラバラです。そのため、完全に解決するコードを探すには、まずは対応するブラウザを決める必要があると思われます。必ず対応しなければならないブラウザおよびバージョンを質問に明記してください。
下記のプログラムはタイトルの状況を再現したものです。
テキストボックスに「アメリカ」と入力するとテキストボックスの中身（この場合はアメリカ）が$("input").val("")によって消されます。
そのあとに何かしらのキーを入力すると消した「アメリカ」の文字がテキストボックスに入力されます。
ここで質問なのですが、消した文字がキー入力で復元されないようにするにはどうすればいいでしょうか？
オートコンプリートをオフにしたりしてみたのですが復元されてしまいます。
よろしくお願いします
補足
対応したいブラウザはGoogle chromeの最新版 78.0.3904.87（Official Build） （64 ビット）
です。
<!doctype html> <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <form onsubmit="return false;"> <input type="text" id="text"> </form> <script> $(function () { $('input').on('keyup', function () { var text = $("input").val(); if(text == "アメリカ"){ $("input").val(""); } }); }); </script> </body> </html>
回答1件
0
ご希望の仕様は、「アメリカ」というテキストが入力されたら、入力をキャンセルしたいということですよね。
なら、keyupイベントではなくchangeイベントでいいのでは。
js
1 $('input').on('change', function () { 2 var text = $("input").val(); 3 if(text == "アメリカ"){ 4 $("input").val(""); 5 } 6 });
changeイベントだとフォーカスを外れたときに発火しますが、その方がUI的にもいいと思います。
入力途中に勝手に変更されてるはストレスです。
例えば「アメリカ合衆国」と入力するつもりで「アメリカ」まで入力した途端に削除されたらイラっとします。
投稿2019/11/05 02:56
総合スコア34073
あなたの回答
tips
プレビュー
