我来为你详细讲解在网站中禁止图片上使用右键的完整攻略。
1. 禁用右键菜单
网页禁止使用右键需要一些 JavaScript,其实主要原理也很简单,就是用JS禁止右键菜单的弹出事件。在网页中使用以下代码就可以实现:
document.oncontextmenu = function() {
return false;
}
这段Javascript代码会在页面加载完成时执行,意思就是“当检测到鼠标右键被点击时,就阻止右键菜单弹出”。代码中的 return false
是为了防止事件继续传播导致菜单继续弹出。
2. 防止通过键盘快捷键打开右键菜单
有些用户习惯使用键盘快捷键来弹出菜单,所以在网页中禁用右键菜单需要同时禁用键盘快捷键。具体地可以使用以下代码:
document.onkeydown = function(event) {
if (event.ctrlKey && (event.keyCode == 67 || event.keyCode == 86 || event.keyCode == 85 || event.keyCode == 117)) {
return false;
}
if (event.keyCode == 123 || event.keyCode == 122 || event.keyCode == 121 || event.keyCode == 120) {
return false;
}
}
上述代码是用于防止用户使用键盘快捷键打开右键菜单。当用户按下 "Ctrl" 键加 "C"、"V"、"U" 和 "F6" 或 "F7" 或 "F8" 键时,阻止浏览器默认行为(以防打开右键菜单)。而在其他情况下,代码不产生作用,允许用户进行正常操作。
需要注意的是,此代码也只能防止简单鼠标右键直接菜单进入。对于图像的复制另有方法,可以用CSS文字防抄袭,也可以使用笨方法把文字反写(不过会降低用户体验度),并且也有些脆弱不太可靠。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:禁止在图片上使用右键 - Python技术站