Javascript和ctrl键冲突

Question

有div我在其中使用onclick函数重定向其他页面。

但是，当我使用Ctrl键和鼠标时，链接在下一个选项卡以及相同的选项卡中打开。理想情况下，它应该只在新选项卡中打开。

代码如下：

<div onclick="window.location='some page url'"> 

Answer 1

只是这样做：

<a href="some page url"> 
<div></div> 
</a> 

所以，当你点击它在同一个标​​签中打开当你按下ctrl键时，它会在新选项卡中打开。

编辑：所以现在试试这个：

<div onclick="doRedirect()"></div> 

<script> 
    $(document).keydown(function(event){ 
     if(event.which=="17") 
      cntrlIsPressed = true; 
    }); 

    $(document).keyup(function(){ 
     cntrlIsPressed = false; 
    }); 

    var cntrlIsPressed = false; 


    function doRedirect() 
    { 
     if(cntrlIsPressed) 
     { 
      window.open('some url','_blank'); 
     } 
     else{ 
      window.location('some url'); 
     } 

    } 
</script> 

您还可以在参数中指定的网址。

Answer 2

<div onclick="window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual', 
    '_blank' // <- This is what makes it open in a new window. 
);"> 
Click to open in tab 
</div> 

这里是工作example