How to simulate click on anchor with specific text using javascript in GreaseMonkey? - Stack Overflow

admin管理员组

文章数量:1026175

Suppose I load a webpage which contains the following anchor:

<a class="someClass" href="#" onClick="gotoPage('')">Link</a>

What I want is: as soon as the page is loaded, I want to generate onClick for this anchor which has text as "Link".

Note that the anchor does not contains any id or name associated with it. Thus document.getelementbyid or document.getelementbyname will not work.

Suppose I load a webpage which contains the following anchor:

<a class="someClass" href="#" onClick="gotoPage('http://somepage')">Link</a>

What I want is: as soon as the page is loaded, I want to generate onClick for this anchor which has text as "Link".

Note that the anchor does not contains any id or name associated with it. Thus document.getelementbyid or document.getelementbyname will not work.

• javascript
• anchor
• greasemonkey

Share Improve this question Follow edited Jun 11, 2012 at 6:24 TazGPL 3,74622 gold badges4141 silver badges6060 bronze badges asked Aug 7, 2009 at 11:19 nullDevnullDev 11.6k88 gold badges3737 silver badges5353 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Here is what people seem to do to be able to generically trigger a click event in Firefox. They extend the HTMLAnchorElement prototype with a click() function, like so:

HTMLAnchorElement.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);
}

See MDC for initMouseEvent().

If you have jQuery, you might also check out trigger().

As you're using Greasemonkey you should be able to use XPath to select the link in question using one of it's HTML attributes:

http://diveintogreasemonkey/patterns/match-attribute.html

The solution (which Tomalak linked to) from https://developer.mozilla/en/DOM/event.initMouseEvent worked great for me, and it doesn't require prototype or jquery.

function simulateClick() {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.getElementById("checkbox"); 
  var canceled = !cb.dispatchEvent(evt);
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}

Suppose I load a webpage which contains the following anchor:

<a class="someClass" href="#" onClick="gotoPage('')">Link</a>

What I want is: as soon as the page is loaded, I want to generate onClick for this anchor which has text as "Link".

Note that the anchor does not contains any id or name associated with it. Thus document.getelementbyid or document.getelementbyname will not work.

Suppose I load a webpage which contains the following anchor:

<a class="someClass" href="#" onClick="gotoPage('http://somepage')">Link</a>

What I want is: as soon as the page is loaded, I want to generate onClick for this anchor which has text as "Link".

Note that the anchor does not contains any id or name associated with it. Thus document.getelementbyid or document.getelementbyname will not work.

• javascript
• anchor
• greasemonkey

Share Improve this question Follow edited Jun 11, 2012 at 6:24 TazGPL 3,74622 gold badges4141 silver badges6060 bronze badges asked Aug 7, 2009 at 11:19 nullDevnullDev 11.6k88 gold badges3737 silver badges5353 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Here is what people seem to do to be able to generically trigger a click event in Firefox. They extend the HTMLAnchorElement prototype with a click() function, like so:

HTMLAnchorElement.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);
}

See MDC for initMouseEvent().

If you have jQuery, you might also check out trigger().

As you're using Greasemonkey you should be able to use XPath to select the link in question using one of it's HTML attributes:

http://diveintogreasemonkey/patterns/match-attribute.html

The solution (which Tomalak linked to) from https://developer.mozilla/en/DOM/event.initMouseEvent worked great for me, and it doesn't require prototype or jquery.

function simulateClick() {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.getElementById("checkbox"); 
  var canceled = !cb.dispatchEvent(evt);
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}

本文标签： How to simulate click on anchor with specific text using javascript in GreaseMonkeyStack Overflow