长褂lect点击选中后css样式，两种⽅式实现css取消页⾯⿏标双击选中⽂字或单击拖动选中。。。
问题描述
我们知道浏览器页⾯上的⽂字正常情况下我们是可以双击选中、或者单击⿏标横向拖动也能选中的，选中以后可以右击出现⾯板然后去复制什么的。但是有的时候，这种效果我们并不想要的，⽐如⽤户点快了的时候，所以我们需要禁⽤这种效果，本⽂记录⼀下禁⽤选中效果的⽅式
⿏标选中的效果图如下
⽅式⼀：使⽤ur-lect属性
卿有独钟
css设置ur-lect:none；即可，若需要做浏览器兼容处理，请看下⽅完整写法：
先进个人材料范文代码如下
Document
h2 {
/* ⽕狐 */
-moz-ur-lect: none;
/* Safari 和 欧朋 */
-webkit-ur-lect: none;北京有哪些名胜古迹
/* IE10+ and Edge */
-ms-ur-lect: none;
/* Standard syntax 标准语法(⾕歌) */
ur-lect: none;
看股周末祝福信息}
建档立卡家庭你好啊CSS
当然我们通过js选中dom元素去设置css样式也是可以的：document.querySelector('h2').style.urSelect = "none"
el-table也使⽤了ur-lect这个属性
审查元素图解⼀下：
⽅式⼆：onlectstart事件
onlectstart 就是⽤户选中DOM元素时候，被开始选中时，即将要被选中，实际未被选中的这个事件。我们只要让这个事件返回fal，也就是结束这个事件，所以就不会有选中事件了，也就不会出现
我们不想要的那种效果，代码如下，两种写法
写法⼀ 写在标签上⾯
你好啊CSS，不能被⿏标选中
写法⼆ 通过绑定事件的形式
你好啊CSS，不能被⿏标选中
document.querySelector('h2').onlectstart = function () {
喝茶减肥吗
return fal
}
总结
⽂中介绍了两种⽅式实现禁⽤选中效果，⼀种是通过css控制，另⼀种是通过js控制。注意，如果是设置在body标签上，那么整个页⾯的⽂字什么的都不能被选中了...
