generating a click event on ....... using Javascript

Question

I have a grid of divs which represents a map. I want to be able to generate click event on any of the div as I click with my mouse. I have used following code snippet with no success though I get a true return value:

var fireOnThis = document.getElementById('someID');
var evObj = document.createEvent('MouseEvents');
evObj.initEvent( 'click', true, true );
fireOnThis.dispatchEvent(evObj);

I know no click is being generated because when I click with actual mouse the div gets highlighted.

Just a side question: Is it possible that one could distinguished between actual mouse generated clicks and ones generated via javascript itself and block the later ones ?(I know it sounds logically wrong but I dont know much JS so maybe.... )

Some background: I am doing this for an online gaming website where I want to automate the routine tasks by writing an extension for chrome....this part is for content script.

Edit: Perhaps I am looking at problem the wrong way..... perhaps in actual, the div is not listening for the click event, the reason div doesn't get selected in actual even when the event gets fired.....
New Question: given the event (i.e., click on a particular div) can I tell which listener/element received that event ?

Community · Accepted Answer · 2017-05-23 10:33:10Z

3

My answer to this SO question presented this function, which may be useful:

function eventFire(el, etype){
    if (el.fireEvent) {
      el.fireEvent('on' + etype);
    } else {
      var evObj = document.createEvent('Events');
      evObj.initEvent(etype, true, false);
      el.dispatchEvent(evObj);
    }
}

Here's another SO question on this subject

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Mar 26, 2011 at 7:32

KooiInc

124k32 gold badges145 silver badges181 bronze badges

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

Comments

Salman Arshad · Accepted Answer · 2011-03-26 07:59:56Z

1

Technical information and code sample is available here. Demo here and here.

edited Mar 26, 2011 at 7:59

answered Mar 26, 2011 at 7:48

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

2 Comments

Jamil Over a year ago

In the demo you are using value of dispatched to check if event was fired or not. As I posted originally, I am getting a true response but the div doesn't get selected. can this be the case that my event is being some how blocked/filtered along the way ?

Salman Arshad Over a year ago

No idea. Do you have an onclick handler set on the DIV? You might be able to check this by doing a alert(typeof document.getElementById('someID').onclick).

Geeklab · Accepted Answer · 2011-03-26 06:59:26Z

-1

why not use jquery?

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

I do think that there may be ways to distinguish mouse clicks and triggered clicks: the x/y position of a triggered click may not match the position of the element clicked.

answered Mar 26, 2011 at 6:59

Geeklab

1992 bronze badges

1 Comment

Jamil Over a year ago

Is there a way I could test it in JS console that comes in chrome ?

locoboy · Accepted Answer · 2011-03-26 07:11:56Z

-1

use the jquery click event to fire a function. it's easier.

answered Mar 26, 2011 at 7:11

locoboy

39.1k73 gold badges190 silver badges264 bronze badges

Collectives™ on Stack Overflow

generating a click event on ....... using Javascript

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related