jquery - Jquery Bind キーアップの問題

Question

% で数値を入力するテキストボックスがあります。私がやりたいことは、ユーザーが数字を入力すると、最後に「%」記号が追加されることです。したがって、誰かが 1.23 でタイプすると、次のように表示されるはずです:- 1% -> 1.% -> 1.2% -> 1.23%。これは私が書いたものです

$('#price').bind('keyup',function(){
    val1 = $(this).val();
    val2 = val1.substr(0,val1.length-1);
    $(this).val(val2+'%');
});

問題は、% 記号が追加された後にカーソルが表示されるため、「.」と入力すると 1% の後になります。val1 = "1%"。最終結果は 1%% です。助けてください。% または元の問題に対する他の解決策の前にカーソルを置く方法を教えてください。本当にありがとう

score 3 · Accepted Answer

テキストフィールドにパーセント記号を追加すると、ひどいユーザーエクスペリエンスがもたらされます。

背景画像を使用するか、テキストボックスの後にパーセント記号を追加して、必要に応じてボックス内に配置されているように配置することをお勧めします。

score 1 · Accepted Answer

ええ、ユーザー入力の中に何かを入れるのはかなり醜いです。フィールドにラベルを付けたほうがよいでしょう。必要だと思われる場合は、カーソル位置の設定に関するこの質問を見てください。

2 に答える 2