页面禁止选中文字
1. CSS 属性
在元素属性上添加 user-select:none
轻松实现页面禁止选中文字
<style>
p {
user-select: none;
}
</style>
<body>
<p>我喜欢你的眼睛,你的睫毛,</p>
</body>
2. JS 实现
在标签上添加 onselectstart="return false"
<p onselectstart="return false">我喜欢你的眼睛,你的睫毛</p>
3. Canvas 画布
通过 canvas 画布绘制文本,使得页面文字无法被选中
<canvas id="myCanvas" width="200" height="200">您的浏览器不支持画布功能,请更换浏览器尝试</canvas>
<script>
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.font = "20px 楷体";
ctx.fillText("你的侧颜", 10, 50);
</script>