Javascript和一个href答案

【问题标题】：Javascript and a hrefJavascript和一个href
【发布时间】：2011-10-07 19:51:00
【问题描述】：

假设我在最后一个 div 之后有以下下拉菜单，一旦他点击就会出现一个下拉菜单。

<div id="test"> <a href="clickthrough.php">Arrow</a> </div>

我希望用户能够单击此元素并显示下拉菜单，但如果他单击中途能够直接在新选项卡中打开此链接。换句话说，我想阻止默认操作 onclick，但仍然在悬停时显示元素的链接或其他。

谢谢

【问题讨论】：

【解决方案1】：

你可以的

<div id="test"> <a href="clickthrough.php" onclick="FunctionForOpeningLink();return false;">Arrow</a> </div>

【讨论】：

将 URL 传递给函数并返回适当的值：... onclick="return FunctionForOpeningLink(this.href);" ... 然后让 FunctionForOpeningLink 如果满意则返回 false，如果不满意则返回 undefined 并且链接将被跟踪。

【解决方案2】：

使用 jquery 1.7+

$('#test a').on('click', function (e) {
  if (e.which < 2) { // left mouse button
    e.preventDefault();
    // and code to show dropdown
  }
});

【讨论】：