首页 > 其他分享 >Vue 鼠标选中文本

Vue 鼠标选中文本

时间:2022-08-25 01:00:18浏览次数:49  
标签:Vue 鼠标 getSelection mouseup 选中 文本

Vue 鼠标选中文本 @mouseup 结合 window.getSelection().toString()

鼠标选中文本** @mouseup** 结合 window.getSelection().toString()

<h2 @mouseup="handleMouseSelect">Vue鼠标选中文本,使用 mouseup 结合 js</h2>

methods: {
	handleMouseSelect() {
		let text = window.getSelection().toString()
		console.log(text)
	}
}

标签:Vue,鼠标,getSelection,mouseup,选中,文本
From: https://www.cnblogs.com/liliuyu/p/16622871.html

相关文章

  • 【原创】只用Asp.NET Core Web API与Vue 3.0搭建前后分离项目
    特地记录一下,网上的教程写的稀里糊涂的,整得我都心塞塞的,其实实现的过程蛮简单的问题是这样的:我将Vue构建生成好的文件,放在后端wwwroot文件里面,并开启静态文件访问功能,结果......
  • vue3 基础-应用app和组件基本概念
    这篇主要对vue最基础的应用程序Application和组件Components进行一个简要和直观的认知,具体要分析的代码如下:<!DOCTYPEhtml><htmllang="en"><head><metac......
  • vue3.0 多环境配置
    vue3.0多环境配置最常见的多环境配置,就是开发环境配置,和生产环境配置(也就是上线的配置),很多情况下我们开发环境下的域名,和一些配置项,和我们生产模式下的不同,这个时候......
  • vue 每次进入页面 生命周期
    生命周期1.vue有哪些生命周期函数有8个 beforeCreate created beforeMount mounted  beforeUpdate updated beforeDestroy destroyed2.一旦进入组件或......
  • vue3父子组件传值defineProps、defineEmits、defineExpose
    一、前言本文介绍父子组件传值defineProps、defineEmits、defineExpose二、语法在scriptsetup中必须使用defineProps和defineEmitsAPI来声明props和emits,它......
  • Vue 3-150行代码实现新国标红绿灯效果案例
    昨天刷视频,都是关于新国标红绿灯的,看大家议论纷纷,下班就用150行代码通过Vue组件实践红绿模拟演示,视频也跟大家展示过了。今天接着更新图文版本,大家跟着优雅哥通过该案例实......
  • vue3的状态管理方案pinia/类似于vue2的VueX
    pinia官网:https://pinia.vuejs.org/pinia菠萝挺不错,简单又灵活。1.安装:yarnaddpinia或者 npminstallpinia,全局加--location=global2.注册使用main.jsimport{cr......
  • vue打包记录
    这里的确是css以及js文件的路径问题,但解决时并不需要手动改路径或者加一段判断去修改,最方便的办法时在项目打包前的vue.config.js里面将publicPath属性添加或者修改为 pub......
  • vue-route
    $route.path类型:string字符串,对应当前路由的路径,总是解析为绝对路径,如/foo/bar。$route.params类型:Object一个key/value对象,包含了动态片段和全匹配片段......
  • 纯CSS实现禁止网页文本被选中
    CSS 属性 user-select 控制用户能否选中文本。利用这个css属性的特点,我们可以实现纯css禁止网页文本被选中.首先我们来看一下css user-select属性语法及取值。 css......