[vue] input点击获取焦点时，选中当前input文字，方便输入

最新推荐文章于 2025-03-04 14:30:05 发布

lyt-top

最新推荐文章于 2025-03-04 14:30:05 发布

阅读量1.6k

点赞数

文章标签： vue js

本文链接：https://blog.youkuaiyun.com/qq_34450741/article/details/105188245

版权

彩蛋：后台管理系统一站式平台模板

vue-admin-wonderful，一套为开发者快速开发准备的基于 vue2.x 越看越精彩的后台管理系统一站式平台模板。基于element ui 2.14.0

效果图

在这里插入图片描述

说明：兼容性未测试

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>input获取焦点选中文字</title>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<input v-model="val" @focus="onFocus($event)" />
		</div>
	</body>

	<script>
		const vm = new Vue({
			el: '#app',
			data() {
				return {
					val: 123456
				}
			},
			methods: {
				onFocus(event) {
					event.currentTarget.select();
				}
			}
		})
	</script>
</html>