vue防止鼠标左键拖动选中页面的元素

1.CSS方法

css 复制代码
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

2.js方法

javascript 复制代码
document.onselectstart = function() { return false; };//解决拖动会选中文字的问题

3.html

html 复制代码
<div id="app" onselectstart="return false">
</div>
相关推荐
程序员大澈2 分钟前
3个 Vue Scoped 的核心原理
javascript·vue.js
hyyyyy!5 分钟前
《原型链的故事:JavaScript 对象模型的秘密》
javascript·原型模式
计算机学姐12 分钟前
基于Asp.net的教学管理系统
vue.js·windows·后端·sqlserver·c#·asp.net·visual studio
程序员大澈15 分钟前
3个好玩且免费的api接口
javascript·vue.js
程序员大澈1 小时前
4个 Vue 路由实现的过程
javascript·vue.js·uni-app
几度泥的菜花1 小时前
如何禁用移动端页面的多点触控和手势缩放
前端·javascript
狼性书生1 小时前
electron + vue3 + vite 渲染进程到主进程的双向通信
前端·javascript·electron
肥肠可耐的西西公主1 小时前
前端(AJAX)学习笔记(CLASS 4):进阶
前端·笔记·学习
拉不动的猪1 小时前
Node.js(Express)
前端·javascript·面试
Re.不晚1 小时前
Web前端开发——HTML基础下
前端·javascript·html