Blog coding and discussion of coding about JavaScript, PHP, CGI, general web building etc.

Tuesday, January 12, 2016

jQuery: how to trigger anchor link's click event

jQuery: how to trigger anchor link's click event


I have a anchor link like

Google  

How to open href target in a new tab programatically?

Answer by GvS for jQuery: how to trigger anchor link's click event


There's a difference in invoking the click event (does not do the redirect), and navigating to the href location.

Navigate:

 window.location = $('#myanchor').attr('href');  

Open in new tab or window:

 window.open($('#myanchor').attr('href'));  

invoke click event (call the javascript):

 $('#myanchor').click();  

Answer by Abdul Kader for jQuery: how to trigger anchor link's click event


You cannot open in a new tab programmatically, it's a browser functionality. You can open a link in an external window . Have a look here

Answer by Travis Kaufman for jQuery: how to trigger anchor link's click event


Even though this post is caput, I think it's an excellent demonstration of some walls that one can run into with jQuery, i.e. thinking click() actually clicks on an element, rather than just sending a click event bubbling up through the DOM. Let's say you actually need to simulate a click event (i.e. for testing purposes, etc.) If that's the case, provided that you're using a modern browser you can just use HTMLElement.prototype.click (see here for method details as well as a link to the W3 spec). This should work on almost all browsers, especially if you're dealing with links, and you can fall back to window.open pretty easily if you need to:

var clickLink = function(linkEl) {    if (HTMLElement.prototype.click) {      // You'll want to create a new element so you don't alter the page element's      // attributes, unless of course the target attr is already _blank      // or you don't need to alter anything      var linkElCopy = $.extend(true, Object.create(linkEl), linkEl);      $(linkElCopy).attr('target', '_blank');      linkElCopy.click();    } else {      // As Daniel Doezema had said      window.open($(linkEl).attr('href'));    }  };  

Answer by Igor G. for jQuery: how to trigger anchor link's click event


Try the following:

$("#myanchor")[0].click()

As simple as that.

Answer by user1921115 for jQuery: how to trigger anchor link's click event


 window.open($('#myanchor').attr('href'));                   $('#myanchor')[0].click();  


Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 72

0 comments:

Post a Comment

Popular Posts

Powered by Blogger.