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>
相关推荐
avocado_green6 分钟前
【学习笔记】从mobx迁移到redux时的概念映射
javascript
三原6 分钟前
前端微应用-乾坤(qiankun)原理分析-沙箱隔离(css)
前端·架构·前端框架
琦遇8 分钟前
Vue3使用AntvG6写拓扑图,可添加修改删除节点和边
前端·javascript·vue.js
Luckyfif9 分钟前
🗣️面试官:有一个比较经典的 case 也想探讨一下 「页面白屏如何排查?」❤️✨
前端·面试·开源
Mintopia12 分钟前
Node.js 学习第一天:入门指南
javascript·后端·node.js
爱上大树的小猪13 分钟前
【前端进阶】深入解析 Flexbox 布局中的 flex-shrink 与 gap 兼容性问题
前端·css·面试
南囝coding13 分钟前
做Docx预览,一定要做这个神库!!
前端·vue.js·面试
打野赵怀真13 分钟前
怎样提高微信小程序的渲染性能?
前端·javascript
邵洛15 分钟前
一、【UnoCss / unibest】样式篇
前端
Mike_jia16 分钟前
Wireshark 网络数据包分析全解:从抓包入门到企业级实战
前端