细心的小伙伴肯定发现了有很多网站的图片是不能右键另存为和拖动的，更有右击给你小提示的，站酷这类大型图片素材网站就做了这种版权保护措施。
做法其实很简单，一行代码搞定：
<p onselectstart="return false" onselect="document.selection.empty()">
这段文字不能被鼠标选中和复制
</p>
/*
oncontextmenu="return false"禁止鼠标右键
ondragstart="return false" 禁止鼠标拖动
onselectstart="return false"文字禁止鼠标选中
onselect="document.selection.empty()"禁止复制文本
*/
可以去测试一下啦~
如果我写的文章对你有帮助，欢迎点赞~
鄙人github，欢迎star：https://github.com/JOSIE1988
细心的小伙伴肯定发现了有很多网站的图片是不能右键另存为和拖动的，更有右击给你小提示的，站酷这类大型图片素材网站就做...
1、通过css的方式 *{ moz-user-select:-moz-none; -moz-user-select...
$0 鼠标左键按住可拖动 编辑html选中后f2编辑元素选中后回车编辑css 选中后h临时隐藏元素选中后右键点击s...
1. 拖动 dom 元素 选中一个dom元素，通过拖动就可以改变元素的位置。如下图： 2. 选中 dom 元素右键...
HTML篇 video禁止全屏播放 CSS篇 去除点击元素产生背景或边框 禁止长按链接与图片弹出菜单 禁止用户选中...
页面元素被拖动时,内容文字容易被选中,影响用户体验,解决方式如下,添加样式
1.HTML5拖放 拖动开始：ondragstart事件规定了被拖动的数据（被拖动的元素触发该事件）开始后需要设置...
禁止鼠标右键保存图片 禁止鼠标拖动图片 文字禁止鼠标选中 禁止复制文本 jquery禁止文本复制和拷贝 jquer...
禁止鼠标右键保存图片 禁止鼠标拖动图片 文字禁止鼠标选中 禁止复制文本 jquery禁止文本复制和拷贝 jquer...
input框禁止输入选择 禁止图片文字选中拖动 修改滚动条样式 鼠标光标样式
本文标题：HTML技巧：禁止网页元素被右击、拖动、选中
本文链接：https://www.haomeiwen.com/subject/fbrtextx.html
网友评论