允许在Javascript中右键单击选定的类

Question

我有一个javascript，阻止右键单击HTML页面：

document.addEventListener("contextmenu", function(e){
    e.preventDefault();
}, false);

我在同一页面上有一个<input>标签，名称为“链接”，我希望右键单击发生。

我怎样才能做到这一点？

Answer 1

在您的事件监听器中放置一个if语句：

document.addEventListener("contextmenu", function(e){
    if (e.target.name !== "Link") {
        e.preventDefault();
    }    
}, false);

所以它基本上说：当目标元素没有名称Link阻止右键单击。

Answer 2

您可以检查并测试事件的e.target：

document.addEventListener("contextmenu", function(e){
    if (e.target.tagName.toLowerCase() === 'input' && e.target.name === 'Link') {
      return; //pass
    }
    e.preventDefault(); // prevent others
}, false);

Answer 3

<div>
   This is the Phone and NO ONE SHOULD RIGHT CLICK THIS! >:) </br>
   <img oncontextmenu="return false;" class="tlClogo" src="http://i.imgur.com/0atiS5C.jpg" style="height: 120px; width:120px;">
</div>
</br></br></br></br>
And this is the Keyboard, ofcourse yo can right click this :)</br>
<img src="http://i.imgur.com/xkrKz1X.jpg" style="height: 120px; width:120px;">

Working Fiddle Example