美文网首页前端开发
输入框全选当前输入的字符

输入框全选当前输入的字符

作者: 冬天的_太阳 | 来源:发表于2019-09-26 10:20 被阅读0次
以elemen-ui2.0以上为例，因为2.0以下不支持focus事件

<el-input-number v-model="num1" @focus="focus($event)" :min="1" :max="10" label="描述文字"></el-input-number>

获得焦点调用focus事件，然后把event传进去，调用select()选中文本
focus(event) {
     event.currentTarget.select();
    }

相关文章

  • 输入框全选当前输入的字符

  • 测试理论--web测试方法总结

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%…...

  • 测试总结-web测试方法总结

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%…...

  • 【转】web测试方法总结

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%…...

  • WEB端测试要点

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@# ￥%...

  • web测试方法总结[转载]

    一、输入框 1、字符型输入框： （1）字符型输入框： 英文全角、英文半角、数字、空或者空格、特殊字符~！@#￥%…...

  • web测试总结

    一、输入框1、字符型输入框：（1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%……&...

  • Web常见测试用例

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%…...

  • web测试要点总结

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%…...

  • web测试方法总结（译）

    一、输入框 1、字符型输入框： （1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%…...

网友评论

    本文标题：输入框全选当前输入的字符

    本文链接：https://www.haomeiwen.com/subject/dczpuctx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    前端开发

    关于我们|服务条款|联系我们|输入框全选当前输入的字符|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！