RepeatHost Business Hosting

Fix for Firefox click() event issue

Firefox does not support the javascript click() event on a hyperlink. So doing something like:

<asp:LinkButton ID="lnkMyButton" runat="server">My Button To Click</asp:LinkButton>
 
<a href="#" onclick="document.getElementById('lnkMyButton').click();">Click this to click the other link!</a>

This will work correctly in Internet Explorer but nothing will happen when you execute this javascript in FireFox.

This is because the javascript line in Firefox has the click() event and Firefox does not understand this event for hyperlinks (which is what an ASP.NET LinkButton control is rendered as on page load):

document.getElementById('lnkMyButton').click();

Workaround 1:

Instead of using a LinkButton control, use a Button control instead. Firefox does support the click() event for input type=button HTML controls. So you could change the code to this:

<asp:Button ID="btnMyButton" runat="server" />
 
<a href="#" onclick="document.getElementById('btnMyButton').click();">Click this to click the other button!</a>

Workaround 2:

If you can’t change the element to a Button control instead of a LinkButton, you can simulate the postback event by calling the method that .NET calls in the background when you click on the LinkButton control directly. This event is called __doPostBack() and takes the ID name of the control that you want to cause a postback. So you could change the code to this:

<asp:LinkButton ID="lnkMyButton" runat="server">My Button To Click</asp:LinkButton>
 
<a href="#" onclick="__doPostBack('lnkMyButton', '');">Click this to click the other link!</a>

The nice thing about this one is that even if this is in an ASP.NET AJAX UpdatePanel, it will still do the asynchronous postbacks correctly and post the link button.

callclick in ie,firefox,chrome(Fire fox link button click event)

Submitted by Anonymous on Thu, 07/15/2010 - 00:38.

function CallClick()
{
//document.getElementById('LinkButton1').click(); //ONLY WORK IN IE
//WORK IN ALL BROWSER
window.location.href = document.getElementById('LinkButton1').href ;
return false;
}

For other links

Submitted by Anonymous on Tue, 03/16/2010 - 23:12.

for other links which have javasscript defined in href, if you need to do it then you can use:

eval(lnk.href.replace('javascript:', ''));

YES!!!!!!!!!!!!!!!1

Submitted by Anonymous on Wed, 01/06/2010 - 12:44.

IS'T WORK!!!!! TANKS ALL

Still Query

Submitted by Anonymous on Mon, 11/30/2009 - 04:49.

Hi,

I am using plain javascript. What if there is input file box ? Can we simulate input file control click event through javascript ? I have tried with following code its not working in FF 3.5.

Click Me!


Please let me know if you have any idea about it or any directions how to fix it

- Parag

Trigger Firefox .click()

Submitted by Anonymous on Mon, 11/23/2009 - 18:18.

Thats that fixed it perfectly

asp:Button instead of a asp:LinkButton, very simple

Tanks

Submitted by Anonymous on Thu, 07/02/2009 - 07:14.

Thank you very much, i was searching for a workaround for a while now..

thanks and greetings from germany,

michael

EASY FIX WHEN LINKBUTTON IS USED

Submitted by Anonymous on Thu, 04/30/2009 - 21:17.

I have found another easy way to fix this problem when Linkbutton is used.

Check out this for solution http://dotnetguts.blogspot.com/2009/05/click-event-problem-firefox-solut...

EASY FIX WHEN LINKBUTTON IS USED

Submitted by Anonymous on Wed, 06/17/2009 - 08:04.

This works! Wow. Thanks

Armstrong

Submitted by Anonymous on Wed, 03/11/2009 - 13:25.

You saved my Life!!!
thanks

Thank you very much! After searching

Submitted by Casper Stendal (not verified) on Thu, 10/09/2008 - 20:13.

Thank you very much! After searching and reading a lot of pages (with no luck), this is just what I was looking for... :)

THANKS A LOT, I've been searching

Submitted by TimursO (not verified) on Tue, 09/30/2008 - 14:09.

THANKS A LOT, I've been searching solutions allover, but didn't think my problem was caused by Link button! Thanks especially for second workaround! ;)

Saw this in a forum:

Submitted by Anonymous on Tue, 05/19/2009 - 09:33.

Should cover any and all contingencies:

if(typeof HTMLElement!='undefined'&&!HTMLElement.prototype.click) {
HTMLElement.prototype.click=function() {
var evt = this.ownerDocument.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
this.dispatchEvent(evt);
}
}

Not a fix, only a lousy workaround

Submitted by Anonymous on Wed, 11/25/2009 - 16:04.

Sorry Anonymous above me, but the code you posted does nothing. All it does is bind all of a page's controls to a "ghost" .click() event, to make firefox stop complaining about ".click() is not a function" (if u wanna see this, bring up the error console while clicking on the link). It never processes your event handler, because it is being redirected to some "lost in space and time" dummy mocked-up event handler (not yours).
Still, nothing will happen when u click it. I know that, because I've tried it before reaching Ben's solution. I was about to give up at 6:25pm this evening, after struggling with it a whole day.

Thanks a lot Ben, for this REAL solution you provided (especially, the second workaround) - it was staring me in the face the entire time, and I didn't think of scripting it that way. Doh...

Wroks fine without the if

Submitted by Anonymous on Thu, 08/05/2010 - 06:05.

HTMLElement.prototype.click=function() {
var evt = this.ownerDocument.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
this.dispatchEvent(evt);
}