如何在input框内实时加上某些文字? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何在input框内实时加上某些文字?

需求:在某个输入框中,当用户输入后,实时在光标后面加上某些文字

screenshot
图中的(万元)是用placeholder做的,现在想要当用户输入某个数字,实时在数字后面添加"万元"这两个字,试过如下代码:

$('#amount').on('keyup', function(e) {
  if(e.keycode === num){
  $(this).val($(this).val()+'万元');
  }else{
  $(this).val('');
  }
});

但效果有点搞笑……关键是这么一弄光标就会跳到最后面去,用户体验很不好。

有什么好的解决方案吗?

展开
收起
杨冬芳 2016-06-23 14:10:21 2007 0
1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    我写过一个类似的react组件,react-format-number,但真心的,实现有点麻烦。强烈不推荐,最好商量下,把需求改成,“单位写在input后面,不要直接加在里面了”

    2019-07-17 19:46:12
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载