禁止文字选择:CSS 和 JS 实现方法

本文将介绍使用 CSS 和 JavaScript 禁止文字选择效果的多种方法,并列出兼容性问题,建议测试后再使用。

CSS 方法

  1. user-select: none;
  2. -webkit-user-select: none;
  3. -moz-user-select: none;
  4. -ms-user-select: none;
  5. -o-user-select: none;

JavaScript 方法

  1. document.onselectstart = function(){return false;}
  2. document.addEventListener('selectstart', function(e){e.preventDefault();})

注意: 以上方法可能不兼容所有浏览器,建议测试后再使用。

禁止文字选择:CSS 和 JS 实现方法

原文地址: https://www.cveoy.top/t/topic/oDoN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录