如何触发HTML链接（锚元素）的默认操作/事件？

Question

How could one trigger the default action/event of a HTML link (anchor element)? That is to use JavaScript/jQuery to "click" an existing HTML link, as if the user has clicked it.

Just using .click() does not seem to work.

$('#alink').click();
// the nothing happening

For this HTML:

<a id="alink" href="http://google.com" target="_blank">a link</a>

Example fiddle: http://jsfiddle.net/dCfD8/

I'd rather not create a new window in JavaScript (and take care of whatever else needs to be handled when a link is clicked).

Answer 1

You can trigger the click event using a simple trigger method in jQuery.

$('#alink').trigger('click');

Beware though, that even in the event gets fired, the browser will not follow the link href. The only way to follow the href is to actually click it with the mouse yourself.

As far as I know, there is no way to force a link to behave as if it were clicked. You have to change the document location or something like that to actually navigate between pages.

Answer 2

Expanding on Fabio Cicerchia's comment to his own post: You can use window.open :

var link = $('#alink');
var target = link.attr("target");
window.open(link.attr("href"), target ? target : "_self");

Answer 3

    <script src='jquery lib source' ></script>
    <script>
    function force()
    {    ...do something...to fill page2
         $('#gopage2').trigger('submit');
    }    
    </script>  
    <form action='#page2' id='gopage2'>
    </form>

    ...
    <span name='#page2'>This is page2</span>

Answer 4

尝试这个：

$('#alink').trigger('click');