Simulate onclick event problems in chrome

Question

I'm trying to simulate onclick event in a h:commandButton when I close my browser.

Here is my code:

<body onBeforeUnload='closingBrowser()'>


function closingBrowser() {
    document.getElementById('main:commandButtonHidden').onclick();
    return false;
}

This javascript function call the function associated with my button which has this definition:

<h:commandButton id="commandButtonHidden"
   value="checkPasswords().Login" 
   onclick="javascript:checkPasswords();" actionListener="#{init.closingBrowser}" />

and checkPasswords():

function checkPasswords() {
  alert("checkPasswords");
  return true;
}

This function has nothing interesting because what I want is the function in my actionListener.

This works perfect in IE and FF, but not in chrome or Opera.

The alert always is fired in all browsers, but the actionListener NO, just in IE and FF, and it has no sense.

Somebody knows anything about this.

Thanks

Could you be more explicit?? Is there something wrong. That code works ok in IE and FF, the actionListener is not fired in chrome and Opera, however if I click directly over the button works perfect in 4 browsers. Thanks. — , Oct 15 '10 at 18:13

score 2 · Answer 1 · edited May 23 '17 at 11:56

2

In case anyone bumps into this looking for a framework agnostic way to fire any HTML and Mouse event, have a look here: How to simulate a mouse click using JavaScript?

edited May 23 '17 at 11:56

Community

1
1

answered May 27 '11 at 22:34

TweeZz

4,779
5
39
53

score 0 · Answer 2 · answered Oct 12 '10 at 19:59

0

Wild guessing: try firing a click event, instead of accessing the onclick callback.

document.getElementById('main:commandButtonHidden').click();

answered Oct 12 '10 at 19:59

Matchu

83,922
18
153
160

score 0 · Answer 3 · answered Apr 18 '11 at 06:15

I found this while searching for the solution to this problem. I'm hoping its not too late for you but I did:

(with jQuery)

var element = jQuery("#" + elementid);
if (element.length > 0 && element[0].click == null)
{
    element[0].click = function ()
    {
        var mouseEvent = document.createEvent("MouseEvent");
        mouseEvent.initMouseEvent("click", true, true, window, 0,
        element.offset().left + window.screenX, element.offset().top + window.screenY,
        element.offset().left, element.offset().top, false, false, false, 0, null);
        element[0].dispatchEvent(mouseEvent);
    };
}

if you don't want to use jQuery (and you don't need client/screen x/y co-ords)

simply try:

var mouseEvent = document.createEvent("MouseEvent");
mouseEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, 0, null);
var element = document.getElementById('main:commandButtonHidden');
element.dispatchEvent(mouseEvent);

from: https://developer.mozilla.org/en/DOM/document.createEvent

Simulate onclick event problems in chrome

3 Answers3