禁用右键单击图像

时间:2017-11-02 13:47:59

标签: javascript jquery

我目前正在使用此脚本来阻止右键单击我的某个网站。我已尝试对代码进行不同的调整,因为我希望它可以防止仅对图像进行右键单击(右键单击它无处不在)。

有什么想法吗?

提前感谢您的帮助

//Disable right mouse click Script

var message = "Stop trying stealing pics! :P";

///////////////////////////////////
function clickIE4() {
  if (event.button == 2) {
    alert(message);
    return false;
  }
}

function clickNS4(e) {
  if (document.layers || document.getElementById && !document.all) {
    if (e.which == 2 || e.which == 3) {
      alert(message);
      return false;
    }
  }
}

if (document.layers) {
  document.captureEvents(Event.MOUSEDOWN);
  document.onmousedown = clickNS4;
} else if (document.all && !document.getElementById) {
  document.onmousedown = clickIE4;
}

document.oncontextmenu = new Function("alert(message);return false")

1 个答案:

答案 0 :(得分:3)

使用contextmenu事件:



$(document).ready(function() {
     $("img").on("contextmenu",function(){
        return false;
     }); 
 });

img{
  width: 50px;
  height: 50px;
  border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded">
&#13;
&#13;
&#13;