javascript - 为什么我不能用JS触发另一个 anchor 上的默认href？

Question

我发布这个是因为我在其他地方找不到同样的问题。

我正在尝试触发 anchor 的默认操作，但在另一个 anchor 的点击处理程序中调用 .click() 或 .trigger('click')。

像这样:

HTML:

<!-- I want to simulate a user clicking link2 when the user actually clicks link 1. -->
<!-- My guess is that triggering click just triggers any JS-bound click handlers. But that would defeat the point of e.preventDefault() when you usually have to call this to stop the default href being followed -->
<a id="link1" href="#">Click</a>
<a id="link2" target="_blank" href="http://google.com">Link 2</a>

JS:

    $(document).ready(function(){
         $('#link1').on('click', function(){
              $('#link2').click();
              $('#link2').trigger('click'); // Neither work
         });
    });

我觉得自己像个菜鸟，但点击时什么也没有发生。这是为了安全或可访问性而被阻止的东西吗？

我不想使用 window.open();

fiddle :http://jsfiddle.net/0hggdkzb/

Answer 1

尝试

jQuery(document).ready(function(){
    $('#link1').on('click', function(){
      // $('#link2').click().css('color','red');
        document.getElementById("link2").click();
    });
});

DEMO

或者

你可以触发事件$('#link2')[0].click();