html中设置文字禁止被选中
导读：在 HTML 中，我们可以通过设置文字为不可选中来保护我们的页面内容不被复制或者改变。下面我们来看看怎么实现这个功能。首先，我们需要在 CSS 中设置 `user-select` 属性为 `none`。这个属性可以禁止用户选择页面上的内容。...
在 HTML 中，我们可以通过设置文字为不可选中来保护我们的页面内容不被复制或者改变。下面我们来看看怎么实现这个功能。首先，我们需要在 CSS 中设置 `user-select` 属性为 `none`。这个属性可以禁止用户选择页面上的内容。例如，我们可以这样设置： p {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
这样，我们在页面中使用 `` 标签，里面的内容就不会被选中了。不过需要注意的是，这个属性只是禁止了用户选择文字，但是并没有对复制操作进行限制。如果我们需要完全禁止复制，还需要使用 JavaScript 来禁止右键菜单和复制操作。例如，我们可以这样设置：
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
}
);
document.addEventListener('keydown', function (e) {
// 禁止按下 ctrl+c 键 if ((e.ctrlKey || e.metaKey) &
&
e.keyCode === 67) {
e.preventDefault();
}
}
);
这样，我们就可以完全禁止复制了。总结一下，在 HTML 中设置文字禁止被选中，我们需要在 CSS 中设置 `user-select` 属性为 `none`，并且使用 JavaScript 来禁止右键菜单和复制操作。这样，我们就可以保护我们页面内容不被复制或者改变。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html中设置文字禁止被选中
本文地址： https://pptw.com/jishu/505421.html