jquery - 将事件转发到链接

Question

我有一个可点击的 div，其中包含许多其他元素，但单击它时会打开一个页面。

我的一位用户询问是否可以使该区域可右键单击并显示通常出现在普通链接 ( <a></a> ) 中的上下文菜单，例如打开链接新选项卡/打开链接新窗口等。 .. 另外，鼠标中键单击打开会自动在新页面上打开，这也很好。

我无法将此元素更改为 <a>标记，因为它会破坏其他功能。所以我有一个想法，将鼠标事件从 div 转发到隐藏的链接元素，但我还没有走得太远......

您能建议一种允许我实现此类功能的方法吗？

这是我的点击转发示例，但它不起作用。

var a = $('a');

$('#aaa').on('click', function(e) {
  a.click(e);
});

#aaa {
  background: #f00;
  width: 200px;
  height: 200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a href="http://stackoverflow.com" style="display:none;">Test</a>

<div id="aaa">
  blabla
</div>

Answer 1

首先您需要为 $('a') 注册点击事件，然后您可以从其他元素触发该事件。

var a = $('a');
a.on('click',function(e){
  alert('i am clicked from out');
});
$('#aaa').on('click', function(e) {
  a.trigger('click');
});

#aaa {
  background: #f00;
  width: 200px;
  height: 200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a href="http://stackoverflow.com" style="display:none;">Test</a>

<div id="aaa">
  blabla
</div>