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>
相关推荐
柯南952711 分钟前
Vue 3 响应式系统源码解析
vue.js
Zestia15 分钟前
页面点击跳转源代码?——element-jumper插件实现
前端·javascript
前端小白199516 分钟前
面试取经:工程化篇-webpack性能优化之优化loader性能
前端·面试·前端工程化
PineappleCoder16 分钟前
大小写 + 标点全搞定!JS 如何精准统计单词频率?
前端·javascript·算法
zhangbao90s17 分钟前
Web组件:使用Shadow DOM
前端
hhy前端之旅17 分钟前
语义版本控制:掌握版本管理的艺术
前端
coding随想18 分钟前
深入浅出DOM操作的隐藏利器:Range(范围)对象——掌控文档的“手术刀”
前端
前端小白199518 分钟前
面试取经:工程化篇-webpack性能优化之减少模块解析
前端·面试·前端工程化
一枚前端小能手19 分钟前
🏗️ 项目越来越大维护不动了,微前端架构了解一下
前端
KasukabeTsumugi19 分钟前
TypeScript:联合类型可以转化为元组类型吗?数组如何用联合类型逐项约束?
javascript