如何在 React 中禁止双击复制

如何在 React 中禁止双击复制

问题描述

在项目开发中,有的时候,需要禁止一些浏览器的默认行为,比如鼠标双击时,浏览器会自动选中双击的文字。这种友好的 Features,有时却成为了一个 Bug。

解决方案

React

React 的项目中,只需要给你的 Div 或者 Span 标签加上下面的样式就行了。

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

JavaScript

JavaScript 的项目中,只需要在标签上设置 onselectstart 属性返回 false 即可。

<div onselectstart="return false;" ></div>
本文由 开发指南 作者:开发指南 发表,其版权均为 开发指南 所有,文章内容系作者个人观点,不代表 开发指南 对观点赞同或支持。如需转载,请注明文章来源。
5

发表评论