需求:在某个输入框中,当用户输入后,实时在光标后面加上某些文字
图中的(万元)是用placeholder做的,现在想要当用户输入某个数字,实时在数字后面添加"万元"这两个字,试过如下代码:
$('#amount').on('keyup', function(e) {
if(e.keycode === num){
$(this).val($(this).val()+'万元');
}else{
$(this).val('');
}
});
但效果有点搞笑……关键是这么一弄光标就会跳到最后面去,用户体验很不好。
有什么好的解决方案吗?
我写过一个类似的react组件,react-format-number,但真心的,实现有点麻烦。强烈不推荐,最好商量下,把需求改成,“单位写在input后面,不要直接加在里面了”
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。