Javascript ALT 单击链接打开替代链接

Question

我希望在按住 alt 按钮单击时能够打开备用链接。我尝试了一些解决方案，但它们似乎有奇怪的问题。我想要的只是点击时检测是否按住了 alt 键

function selectlink(selection,alt) {
  if (alt key is pressed) {
  window.open(alt,'_blank');
  } else {
  window.open(selection,'_blank');
}

在正文中:

 <a href="javascript:selectlink('http://www.google.com','http://www.yahoo.com')">Click</a>

最好没有 Jquery。

Answer 1

你必须reference 事件作为参数，这将可以检查在点击过程中是否按下了某个键。

function selectlink(selection, alt, e) {
	if (e.altKey) {
  	alert(alt);
  } else {
  	alert(selection);
	}
}

<a href="#" onclick="selectlink('http://www.google.com','http://www.yahoo.com', event)">Click</a>

通过一点点重写，您可以使链接变得更智能，并且在禁用 JavaScript 时仍然具有功能链接。

function selectLink(e) {
  var el = e.target;

  if (e.altKey) {
    window.open(el.getAttribute("alternative"), '_blank');
    e.preventDefault();
  }
}

<a href="http://www.google.com" onclick="selectLink(event)" alternative="http://www.yahoo.com">Click</a>