javascript - 使用鼠标轮和 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>

如何在不使用“a”标签的情况下使用CTRL+单击或使用鼠标滚轮在新选项卡中打开链接？

标签： javascripthyperlinkonclicktags

Answer 1

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

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

<button>
Click me
</button>