jquery - Jquery Bind Keyup 问题

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