【React踩坑记一】React项目中禁用浏览器双击选中文字的功能

常规项目，我们只需要给标签加一个onselectstart事件，return false就可以
例：

<div onselectstart="return false;" ></div>

但是在React中，是没有onselectstart事件的
我们只需要给标签添加个样式就可以了。

.node{/*node为标签的class名*/-webkit-user-select: none;  -moz-user-select:none;  -o-user-select:none;  -ms-user-select:none;
}

转载于:https://www.cnblogs.com/twodog/p/10422544.html

【React踩坑记一】React项目中禁用浏览器双击选中文字的功能相关推荐

学习踩坑：在Vue项目中使用svg标签却无法改变图标的颜色
在Vue项目中使用svg标签却无法改变图标的颜色在学习 vue 实战项目的过程中,用到了 svg 模块,对其使用了 fill 属性后,图标的颜色却没有任何的改变,反复查看了视频,步骤是一模一样的,却 ...
口罩、安全帽识别比赛踩坑记（一）经验漫谈及随想
前言因为疫情迎来的史无前例大假期,从开始理直气壮的天天划手机,到中间百无聊赖的躺尸,再到之后实在憋得慌,就想找点什么事搞一搞.恰好这时,一直关注的极视角联合 Intel 公司举办了一个对口罩和安全帽 ...
丰田项目踩坑手记（REACT）
丰田项目踩坑手记(REACT) 路由配置的时候:要引入hash路由不是browswer那个路由参考网址:react-guide.github.io/react-route- 路由网址:reacttr ...
在百度地图中叠加CAD图及GIS数据展示踩坑记
前言在之前的几篇博客中分别介绍了在Cesium中实现与CAD的DWG图叠加显示分析 https://www.cnblogs.com/vjmap/p/16541751.html . 高德地图与CAD ...
东八区转为0时区_踩坑记 | Flink 天级别窗口中存在的时区问题
❝ 本系列每篇文章都是从一些实际的 case 出发,分析一些生产环境中经常会遇到的问题,抛砖引玉,以帮助小伙伴们解决一些实际问题.本文介绍 Flink 时间以及时区问题,分析了在天级别的窗口时会遇到的 ...
Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
python从入门到实践django看不懂_Python编程：从入门到实践踩坑记 Django
<>踩坑记 Django Django Python 19.1.1.5 模板new_topic 做完书上的步骤后,对主题添加页面经行测试,但是浏览器显示服务器异常. 个人采用的开发环境是 ...
Spring @Transactional踩坑记
@Transactional踩坑记总述 Spring在1.2引入@Transactional注解, 该注解的引入使得我们可以简单地通过在方法或者类上添加@Transactional注解,实现事务 ...
服务器重新部署踩坑记
服务器重新部署踩坑记 Intro 之前的服务器是 Ubuntu 18.04 ,上周周末想升级一下服务器系统,从 18.04 升级到 20.04,结果升级升挂了... 后来 SSH 始终连不上,索性删除 ...

【React踩坑记一】React项目中禁用浏览器双击选中文字的功能

【React踩坑记一】React项目中禁用浏览器双击选中文字的功能相关推荐

最新文章

热门文章