html如何禁止右键

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

html如何禁止右键

html禁止右键方法:1、使用oncontextmenu事件,禁用鼠标右键的菜单;2、使用onselectstart事件,禁止利用右键在网页上选取内容;3、使用oncopy事件,禁止利用右键进行复制。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

oncontextmenu事件禁用右键菜单

document.oncontextmenu = function(){    event.returnValue = false;}// 或者直接返回整个事件document.oncontextmenu = function(){    return false;}
登录后复制

onselectstart事件禁用网页上选取的内容

document.onselectstart = function(){    event.returnValue = false;}// 或者直接返回整个事件document.onselectstart = function(){    return false;}
登录后复制

oncopy事件禁用复制

document.oncopy = function(){    event.returnValue = false;}// 或者直接返回整个事件document.oncopy = function(){    return false;}
登录后复制

以上三种事件,如果只想单纯的禁用鼠标右键,和复制粘贴,还可以将它们直接写到HTML中的body上面;

<body oncontextmenu = "return false" ></body><body onselectstart = "return false" ></body><body oncopy = "return false" ></body>
登录后复制

推荐学习:html视频教程

以上就是html如何禁止右键的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:HTML5表单验证的解析
下一篇:十分钟搞懂什么是JavaScript生成器(整理分享)

发表评论

关闭广告
关闭广告