只能从“在新标签中打开链接”右键单击

所以，我有当左击，它带来了一个弹出一个div。只能从“在新标签中打开链接”右键单击

不过，我想有一个链接到div，所以当用户右击再有就是对的“href”一个选项，可以点击“在新标签中打开链接”。

这里是我的意思是：

<div class="show_popup"> 
    Shows popup for `example.com/hi` 
</div>

那么，有没有一种方法来添加的“href”，它没有做任何“左键单击”功能（即不会将用户重定向到另一个页面。），但是当用户右键单击它时，可以选择“在新选项卡中打开链接”。

我希望它是有道理的。

谢谢！

来源

2015-10-16 steve Kim

这可能会有所帮助：如何鼠标左右区分点击使用jQuery（http://stackoverflow.com/questions/1206203/how在左键和右键之间进行区分 - 用jquery） – showdev

有趣的问题。我想知道这是可能也和具有以下想出了：

注意：代码可能不会＃2或任何其他服务，可容纳代码，由于它在沙盒环境中运行工作。如果你打开你的控制台，你可能会看到警告，告诉你它已经阻止了弹出窗口。要访问控制台：

铬

按Ctrl /命令 + 移位/选项 + Ĵ

火狐

按Ctrl /命令 + 移/选项 + ķ

$(function() { 

    $('.my-element').on('click contextmenu', function(e) { 

    // If the right mouse button is used 
    if (e.which === 3) { 

     // Grab data-link value from <div> 
     var link = $(this).data('link'); 
     // Open new tab 
     window.open(link, '_blank'); 

    } 

    // Cancel default right click behavior 
    return false; 

    }); 

});

.my-element { 
    width: 200px; 
    height: 200px; 
    color: white; 
    background: tomato; 
    font: bold 1em sans-serif; 
    text-align: center; 
    line-height: 200px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<div class="my-element" data-link="https://www.google.com">Right click here</div>

来源

2015-10-16 20:31:33 Jason

这是一个非常有趣的方法！我会试一试=）） –

@steveKim欢迎！让我知道它是如何工作的。 – Jason

只能从“在新标签中打开链接”右键单击

回答

相关问题