how to use javascript to simulate click on link where href is php

Question

I am writing a Google Chrome Extension. I need to use javascript to simulate a click on this link: <a href="/logout.php /a> so I can log out. How can I get this done?

No JQuery please, I haven't learned it yet.

a) That's very invalid HTML b) Whatever is behind the link doesn't matter at all, PHP is of no concern here. — deceze
– deceze ♦, Commented Sep 25, 2011 at 9:40

Hiyasat · Accepted Answer · 2011-09-25 09:47:48Z

3

Main function will create any event:

   function ShowOperationMessage(obj, evt) {
        var fireOnThis = obj;
        if (document.createEvent) {
            var evObj = document.createEvent('MouseEvents');
            evObj.initEvent(evt, true, false);
            fireOnThis.dispatchEvent(evObj);
        } else if (document.createEventObject) {
            fireOnThis.fireEvent('on' + evt);
        }
    }

Now call the function:

 ShowOperationMessage(document.getElementById("linkID"), "click");

answered Sep 25, 2011 at 9:47

Hiyasat

8,9667 gold badges37 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohamed Mansour · Accepted Answer · 2011-09-26 22:11:53Z

0

Since this is for an extension, you could submit an XHR request to the server /logout.php rather than simulate a click.

But simulating a mouse click is rather simple, I use the following code in many of my extensions:

function simulateClick(element) {
  if (!element) return;
  var dispatchEvent = function (elt, name) {
    var clickEvent = document.createEvent('MouseEvents');
    clickEvent.initEvent(name, true, true);
    elt.dispatchEvent(clickEvent);
  };
  dispatchEvent(element, 'mouseover');
  dispatchEvent(element, 'mousedown');
  dispatchEvent(element, 'click');
  dispatchEvent(element, 'mouseup');
};

answered Sep 26, 2011 at 22:11

Mohamed Mansour

40.2k10 gold badges118 silver badges90 bronze badges

Collectives™ on Stack Overflow

how to use javascript to simulate click on link where href is php

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related