我可以禁用右击在我的网页不使用JavaScript?我问这个问题是因为大多数浏览器允许用户禁用JavaScript。
如果不是，我如何使用JavaScript禁用右键?
当前回答
如果你的目标是不允许用户简单地保存你的图像，你也可以检查点击的目标是否为图像，只在这种情况下禁用右键。所以右键可以用于其他目的。从上面的代码:
document.addEventListener("contextmenu", function(e){
if (e.target.nodeName === "IMG") {
e.preventDefault();
}
}, false);
这只是拿走了保存图像的最简单的方法，但它仍然可以做到。
其他回答
如果你的目标是不允许用户简单地保存你的图像，你也可以检查点击的目标是否为图像，只在这种情况下禁用右键。所以右键可以用于其他目的。从上面的代码:
document.addEventListener("contextmenu", function(e){
if (e.target.nodeName === "IMG") {
e.preventDefault();
}
}, false);
这只是拿走了保存图像的最简单的方法，但它仍然可以做到。
如果你只是想禁用右键保存网页上的图像，请使用以下CSS解决方案:
your-img-tag {
pointer-events: none;
}
在同一映像上实现之前:
在同一映像上实现后:
在Chrome和Firefox中都进行了测试。
简单的方法:
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
试试这段代码禁用检查元素选项
jQuery(document).ready(function() {
function disableSelection(e) {
if (typeof e.onselectstart != "undefined") e.onselectstart = function() {
return false
};
else if (typeof e.style.MozUserSelect != "undefined") e.style.MozUserSelect = "none";
else e.onmousedown = function() {
return false
};
e.style.cursor = "default"
}
window.onload = function() {
disableSelection(document.body)
};
window.addEventListener("keydown", function(e) {
if (e.ctrlKey && (e.which == 65 || e.which == 66 || e.which == 67 || e.which == 70 || e.which == 73 || e.which == 80 || e.which == 83 || e.which == 85 || e.which == 86)) {
e.preventDefault()
}
});
document.keypress = function(e) {
if (e.ctrlKey && (e.which == 65 || e.which == 66 || e.which == 70 || e.which == 67 || e.which == 73 || e.which == 80 || e.which == 83 || e.which == 85 || e.which == 86)) {}
return false
};
document.onkeydown = function(e) {
e = e || window.event;
if (e.keyCode == 123 || e.keyCode == 18) {
return false
}
};
document.oncontextmenu = function(e) {
var t = e || window.event;
var n = t.target || t.srcElement;
if (n.nodeName != "A") return false
};
document.ondragstart = function() {
return false
};
});
禁用网页上的右键很简单。只需几行JavaScript代码就可以完成这项工作。下面是JavaScript代码:
$("html").on("contextmenu",function(e){
return false;
});
在上面的代码中，我选择了标签。在你添加了这三行代码后，它将禁用在网页上的右键单击。
源码:禁用右键，复制，在网页上使用jQuery剪切
