HTML技巧：禁止网页元素被右击、拖动、选中

细心的小伙伴肯定发现了有很多网站的图片是不能右键另存为和拖动的，更有右击给你小提示的，站酷这类大型图片素材网站就做了这种版权保护措施。

做法其实很简单，一行代码搞定：

![](demo.jpg)
<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