y***@126.com
y***@126.com
  • 发布:2023-01-12 09:46
  • 更新:2024-04-15 15:33
  • 阅读:266

input框为number类型如何自动选中里面的值(数值)

分类:uni-app
2023-01-12 09:46 负责人:无 分享
已邀请:
8***@qq.com

8***@qq.com

v-model或者绑定一个,获取的时候Number()

  • y***@126.com (作者)

    可以获取到值,也是数字类型,但是我想要光标自动选中文字

    2023-01-12 13:17

  • 8***@qq.com

    回复 y***@126.com: :focus="true"

    2023-01-12 14:03

  • y***@126.com (作者)

    回复 8***@qq.com: 不是,就是选中数字,相当于ctrl+a的效果

    2023-01-12 15:05

y***@126.com

y***@126.com (作者)

我想要这种效果

zking

zking

解决了吗 我也遇到这个问题

y***@126.com

y***@126.com (作者)

你解决了吗 我依然没有找到方法 [苦笑]

  • 宇林

    input标签属性selection-start、selection-end应该可以,你试一下

    2024-04-15 15:43

匿名用戶

匿名用戶

1、使用原生document.execCommand()方法实现,不过部分浏览器已经弃用该方法了 --- 不推荐使用。

2、自定义css,动态显示背景颜色。

  • 匿名用戶

    再补充一下 document.execCommand() 是之前自定义复制粘贴时用到的,发现可以实现选中文本的功能


    具体如下

    先选中文本,然后调用document.execCommand(‘copy’),选中的文本就会进入剪切板

    const innerElement = document.querySelector('#input');

    innerElement.select();

    document.execCommand('copy');

    2024-04-15 15:43

要回复问题请先登录注册