欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Html禁止右键复制功能

程序员文章站 2022-03-14 23:41:52
...
这次给大家带来Html禁止右键复制功能,Html禁止右键复制的注意事项有哪些,下面就是实战案例,一起来看一下。

禁止右键菜单

<body oncontextmenu=self.event.returnValue=false>

禁止左键划字复制

<body onselectstart="return false">

采用CSS来控制是否可以选择文字

.unselectable {
  user-select: none;
}
<p>You can select me.</p>
<p class="unselectable">You can't select me!</p>

禁止右键菜单和左键划字复制功能

<body oncontextmenu=self.event.returnValue=false onselectstart="return false">

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

CSS3二级导航菜单制作步骤详解

CSS与媒体查询实现网页导航功能(附代码)

css操作控件实现disable效果

以上就是Html禁止右键复制功能的详细内容,更多请关注其它相关文章!