用鼠标和onclick事件打开新标签页

Question

要在新标签页中打开链接

<a href="mypage.php" target="_blank">My text</a>

使用javascript

<script type="text/javascript">
 function openLink(){
    window.location = 'my_page.php';
 }
</script>

<span onclick="openLink()">My text</span>

如何使用 CTRL +单击或用鼠标滚轮单击在新标签中打开链接，而无需使用“ a”标记？

Answer 1

您需要检查事件对象的button和ctrlKey属性，并在有条件的情况下使用

document.querySelector('button').addEventListener('click', function(evt){
   console.log('CTRL key : ', evt.ctrlKey, '  Button : ',  evt.button);  
})

<button>
Click me
</button>