Ctrl+单击带有单击处理程序的链接答案

【问题标题】：Ctrl+click on links with click handlersCtrl+单击带有单击处理程序的链接
【发布时间】：2012-10-27 02:13:40
【问题描述】：

我有一个链接（锚点），它附加了一个 href 以导航到特定的 URL，例如“www.bla.com”。

<a href='http://www.bla.com' />

我还有一个附加到链接的click 处理程序，该处理程序执行一些操作，然后在同一窗口中打开一个html 视图。一切都运行良好。

但是，当用户使用“ctrl+click”在新选项卡/窗口中打开链接时，单击处理程序似乎优先并在同一窗口中打开 html 视图。但我想保留“ctrl+click”行为并允许用户在新选项卡/窗口中打开链接（就像普通链接一样）。我怎么能这样做？

提前致谢！

【问题讨论】：

【解决方案1】：

function process(e){
   var evt = e ? e:window.event;
   if(evt.ctrlKey)
      alert("ctrlClicked");
}

如果按下控制键，evt.ctrlKey 将返回 true，您可以在“if”块中编写条件，我仅针对 chrome 和 ff 进行了测试。

【讨论】：

【解决方案2】：

也许是这样的？

function onclick(e){
   var event = e ? e:window.event;
   this.target = event.ctrlKey?"_blank":"_self";
}

【讨论】：

【解决方案3】：

如果在单击发生时按下了控制键（或等效键），则关联的click event object 将其ctrlKey 属性设置为true。检查事件对象，如果控制键被按下，不要做“HTML 视图”的事情。

<a href="#" onclick="alert(event.ctrlKey);">Click me!</a>

但是，如果用户以其他方式激活链接，您可能会或可能不会收到点击事件。

例如

【讨论】：

【解决方案4】：

<a target="_blank" href='http://www.bla.com' />

在锚标记中添加 target="_blank"。

【讨论】：